第二天

v-text没有闪烁问题，也会覆盖原本内容；例如：<h4 v-text="msg"></h4>

v-cloak可以加入要加东西需要这个；例如<p>++{{msg}}----</p>

v-html的话也会覆盖原本内容，但是会输出html的内容

v-bind：绑定简写：，这个是vue中用于绑定属性的指令，这是个表达式要加只能‘+123+’

绑定事件：

例如.v-on可以简写@的事件，其它事件查字典

点击：v-on：click=‘变量’，变量需要去vue里写写一个方法

综合跑马灯：

复习：subring（0,1）方法  0是索引位置，1是截取几个

写1个的话就是subring（1）就是1之后的所有；

stop停止冒泡，prevent阻止默认行为，capture实现捕获触发机制，从外到里，self实现只有点击当前元素的时候才会触发，once只触发一次；例如@.click.stop；

stop和self的区别：self只会阻止自己身上的触发，并不是真正的stop

重点v-model：

v-bind只能单向，M到V，v-model可以直接写值而且是双向的，有的时候可以不用value，可以实现表单元素和

model中的数据实现双向绑定，而且只能运用在表单模式；

简易计算器：使用v-model，eval尽量少用；

在vue中使用class样式：

第一种直接传递数组使用：，<h1 ：class=“【classname】”><h1>；

第二种可以再标签里写三元表达式，在数组中使用；

第三种可以写在数组中写对象【{“thin：flag”}】；

第四种直接写对象{red:true}；

 :-style=“{color：‘red’}”这个也是使用对象；

v-for=“item in list”这个中的list是数组，item是值；

v-for==“（item，i）in list”这个I就是索引值，也可以循环对象；

v-for==“（val，key，i）in list这是对象的，键是key，值是key，i是索引值”；

v-for==“（count in 10）这是从1开始到10，输出的是1~10；

v-for=“count in 10”  :key="",这个在2.4之后可以也必须要用了，而且key中只能使用string或者number；

v-if和v-show：if的话每次都会重新删除和创建有较高的切换性能，show的话只是display：none有较高的初始渲染消耗；