VUE学习手记（二）

vue指令

v-text:
1，设置标签的文本值，默认的写法会替换标签内全部的内容；
2，想要替换部分内容可以使用差值表达式{{}}；
3，支持内部表达式 例如字符串拼接；
v-html:
1,设置标签的innerHTML
2,内容中有html标签结构会被在正常的渲染
3，v-text 会直接输出不会渲染html代码
v-on指令：
1，为元素绑定事件
2，事件名称不需要加on 例如 v-on:click
3,指令可以简写为@ 例如 v-on:click —> @click
4,绑定的方法写在methods属性中
5，方法内部可以使用this 来定义改变data属性的数据
v-show指令：
1,根据真假切换元素的显示状态，实际上是修改的元素的display
2,指令后面跟的是boolean值
3，true显示 false隐藏

v-if指令
1，根据表达式的真假切换元素的显示状态
2，实际上是操纵dom元素的有无
3，表达式为true时元素存在dom中，false时从dom移除
4，频繁切换时使用v-show,反之使用v-if,前者占用资源较小
v-bind指令
1，为元素绑定属性
2，写法 v-bind:属性名
3，简写 :属性名
v-for指令

v-model指令