1、内容渲染指令
1.v-text指令：覆盖元素内部原有的内容。
2.{{}}插值表达式：是内容的占位符，不会覆盖原有内容。
3.v-html指令：吧带有标签的字符串，渲染成真正的HTML内容。
2、属性绑定指令
{{}} 插值表达式，只能用于元素的内容结点中，不能用在元素的属性结点中！
可以使用v-bind: 指令，为元素的属性动态绑定值；（简写是英文的：）
在使用v-bind期间，如果绑定内容需要进行动态拼接，则字符串外面应该包裹单引号
例如：<div :titile:" 'box' + index "> 这是一个div</div>
3、事件绑定指令
v-on:click="a" 简写 @click="a"
当a不传参的时候，a(e){} 方法实现中默认可以获取一个e对象，代表该事件，e.target 表示当前结点
当a有参数时，vue提供了内置变量$event，他就是原生DOM事件对象e
<button @click="a(1,$event)">+1</button> -----------> a(n, e){}
4、双向绑定指令
v-model=""
5、条件渲染指令
v-if ：动态移除/创建元素
v-show ：用display:none 控制显示
6、列表渲染指令
v-for="(item. index) in list" :key="item.id"
key 的值为 字符串或者数字类型，推荐数字类型，即以id作为key，不能重复
可以在子元素和自身上使用列表内容
标签：Vue,渲染,元素,基础,绑定,指令,内容,key From： https://www.cnblogs.com/Fei-Gao/p/16935226.html