模板插值语法

模板插值语法由{{}}组成，内部填写vue相关变量，支持js的运算法表达式，如：+、if条件判断、三目运算符，以及属性内置的api方法，如：split等。

vue指令

vue指令由v-开头，使用方法与vue2基本一致，详情看之前的vue2学习笔记，这里简单记录常用指令与作用：

• v-text:用来显示文本

  • 与{{字符串}}效果一致

• v-html 用来展示富文本

  • 可以渲染html标签的字符串
• v-if/v-else-if/v-else 用来控制元素的显示隐藏（切换真假DOM）
• v-show 用来控制元素的显示隐藏（通过css样式中的：display:none/block来切换）
• v-on 简写@用来给元素添加事件，绑定函数方法
• v-bind 简写: 用来绑定元素的属性Attr
• v-model 双向绑定，通常用于表单的双向绑定
• v-for 用来遍历元素

指令的修饰符

很多指令还有自带的修饰符，详情请看官方文档，如@click.stop防止冒泡事件、@click.prevent禁止事件触发等等。