持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情juejin.cn/post/714765…

vuejs模板语法

vuejs使用了基于html的模板语法，允许开发者声明时地将DOM绑定值底层vue实例的数据.
vuejs的核心是一个允许你采用简介的模板语法来声明时的将数据渲染近DOM的系统.（可以直接在虚拟DOM里写表达式，用{{}}）
结合响应系统，在应用状态改变时，vue能够智能地计算出重新渲染组件的最小代价并应用到DOM 操作上。

插值

文本
数据绑定最常见的形式就是使用{{.....}}（双大括号）
例如：

html
使用v-html指定用于输出html代码（浏览器会自动解析html标记,如果不加该指令的话会原样输出，以字符串的形式，这样的话会解析成一个变量）

定义状态

data定义状态，值必须是带有返回值的函数，主要是为了限制作用域，调用组件每次生成一个新的函数，不会互相影响，解决了作用域的问题，有利于代码复用等。

常见的简写写法，定义成data方法函数

属性值：

动态的属性值，用的是指令v-bind=‘状态里的某一属性名’

也可以简写=> :

表达式（不能有逻辑语句）写在双大括号里{{}}
第一种：

第二种：