重学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有初始元素占用