重学vue-01

1.

v-cloak  可以解决插值表达式闪烁的问题    {{   msg  }}

v-text 默认是没有闪烁问题的， v-text="mag" ，  但是会覆盖 它中间的内容  

v-html 可以把标签 输出到页面是 标签

2.

v-bind ：  是vue中提供的用于绑定属性的变量     v-bind:title (title 是data中的数据)     ：title  = v-bind：title  可以把：冒号去掉  input框，只能是单向数据绑定。双向数据绑定还是v-model

3.

v-on 事件绑定机制

v-on：click 鼠标点击事件  v-on：mouseover  鼠标覆盖事件

 4. 事件修饰符的介绍

。stop  阻止冒泡事件机制   比如阻止上一层的@click 按钮触发

。prevent 阻止默认行为机制 ， 也就是阻止自己本身的事件触发

。capture 实现捕获触发事件的机制， 如果他的下一层有@click，那么它的作用是可以先让自己，也就是父层的@click触发，在触发所点击的@click

。self 当点击自己的时候才触发

。once   只触发一次事件处理函数，通常和上面的连用，也就是上面的

 

。self 和 。sotp 的区别，可以想想

 5. v-if 和v-show  

v-if 会不断的创建和删除元素，  v-show 只是切换了 displsy：none 样式

所以，如果频繁的切换用v-show  ， 如果元素永远也不会显示出来，那么用v-if，因为v-show有初始元素占用