vue笔记

1.v-cloak:避免插值闪烁 v-text v-html v-bind缩写: v-on(绑定事件)缩写@
2. v-on:click.stop="show" .stop防止冒泡（从内向外冒泡时外层的被阻止）
3.v-on:click.prevent="show" .prevent阻止默认行为例如a标签点击事件阻止跳转
4.v-on:click.capture="show" .capture监听捕获（从内向外冒泡时内层的被阻止）
5.v-on:click.self="show" .self只有点击自身时候才触发操作
6.v-on:click.prevent="show" .prevent阻止默认行为例如a标签点击事件阻止跳转 .once只会阻止一次
7.v-model(数据双向绑定只有表单元素可以使用) <input type='text' v-model='msg'>
8.eval() 可以解析字符串 例如eval( '1+2')结果为5
9.绑定class <div v-bind:class="['class1','class2']"></div>其中class1 class2是css样式中的class名字
<div v-bind:class="[class1,class2]"></div>其中class1 class2是vue中的变量名字
<div v-bind:class="[class1,class2?class3:'']"></div>其中class1 class2 class3是vue中的变量名字且只有class2为true时class3才成立（三元运算符）
<div v-bind:class="{class1:true,class2:true}"></div>其中class1 class2 class3是vue中的变量名字
10.v-for 循环普通数组 对象数组 对象 数字
11.v-if和v-for区别 v-if会创建或者删除元素 v-show只是切换display属性