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:实现双向绑定
浙公网安备 33010602011771号