vue 指令

1,v-text ,更新元素的textContent,不能识别HTML标签。类似与mustache{{}}语法,

2,v-html,更新元素的innerHTML,可以识别HTML标签。同样类似于mustache语法

3,v-bind ,动态绑定元素,语法糖“:’”,动态绑定样式类名对象写法:class=“{类名1:布尔值,类名2:布尔值}”

4,v-on,绑定事件,语法糖@

  事件修饰符:

  .stop阻止冒泡,调用evnet.stopPropagation()

  .prevent 阻止默认事件,调用event.preventDefault()

  .once 事件只触发一次 

  .native 触发组件被点击

  @keyup.center,当用户按下center键时键盘弹起触发,

5,v-for 遍历,提供key属性以获得性能提升,使用key,vue会基于key的变化重新排列元素顺序,并且会移除key不存在的元素

6,v-show通过修改元素的display属性让其显示和隐藏

7,v-if,v-else 通过直接销毁和重建Dom节点,达到让元素显示和隐藏的效果

8,v-clock 防止在刷新页面网速过慢将mustache语法直接显示在页面

9,v-module:实现双向绑定

 

posted @ 2020-12-26 21:43  Hat-boy  阅读(64)  评论(0)    收藏  举报