vue的基础语法

最新推荐文章于 2022-03-21 23:07:28 发布

青猫锅锅

最新推荐文章于 2022-03-21 23:07:28 发布

阅读量228

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_46964039/article/details/107996471

版权

本文介绍了Vue.js的基础语法，包括js语句的使用、插值的基本语法和指令的核心概念。讲解了v-if、v-else、v-else-if、v-show、v-for、v-bind、v-on、v-model等指令的用途和用法，并提到了动态参数、修饰符和简写。同时，文章强调了v-model在表单元素上的双向数据绑定以及let声明局部变量的重要性。

摘要由CSDN通过智能技术生成

vue的基础语法

js语句

在写vue语法前我们要使用一个js语句
分为在线和离线

在线

<script src="https://cdn.bootcdn.cet/ajax/libs/vue/2.6.1/vue.js"></script>

离线

<script src="js/vue.js"></script>

在这里插入图片描述

插值的基本语法

文本
{ {msg}}
html
使用v-html指令用于输出html代码
属性
HTML属性中的值应使用v-bind指令
表达式
Vue提供了完全的JavaScript表达式支持

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.bootcdn.cet/ajax/libs/vue/2.6.1/vue.js"></script>
	</head>
	<body>
		<!-- 1 插值 -->
		<div id="app">
			<ul>
				{
   {
   msg}}
				<li>1.1 文本<p>title={
   {
   title}},ts={
   {
   ts}}</p></li><br />
				使用v-html指令用于输出html代码 <br />
				<li>1.2 html</li>
				<div v-html="html"></div><br />
				HTML属性中的值应使用v-bind指令<br />
				<li>1.3 属性</li>
				<div>

最低0.47元/天解锁文章

青猫锅锅

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue的基础语法

vue的基础语法js语句插值的基本语法指令的基本语法什么是指令？？js语句在写vue语法前我们要使用一个js语句分为在线和离线在线<script src="https://cdn.bootcdn.cet/ajax/libs/vue/2.6.1/vue.js"></script>离线<script src="js/vue.js"></script>插值的基本语法文本{{msg}}html使用v-html指令用于输出html代码属
复制链接

扫一扫

专栏目录