vue 常用指令

vue中的指令

v-cloak:
v-model//(实现元素和数据的双向绑定,表单元素设置了之后会忽略掉value,checked,selected)
v-text//代替 {{}} 渲染成文本(不会识别html标签)可以防止网速卡慢时{{}}出现在页面上
v-html//把html字符渲染成html
v-once//只绑定一次(不能写成v-once=”msg”)
v-bind//动态地绑定一个或多个特性
//
//可简写为
v-for//遍历数组、对象、字符串、数字
条件渲染://v-if v-else-if v-else与v-show 
v-if//不加载
v-show//(相当于改变css样式,display)
v-on//监听 DOM 事件(v-on:click可缩写为@click)
v-for//遍历数组、对象、字符串、数字
自定义指令

Vue中的Class样式与style样式动态绑定(动态的优先级高于原来的)
可通过在vue实例的directives:{}属性中赋予自定义指令意义

https://www.cnblogs.com/webspace/p/8625143.html

vue特点:
组件化,数据驱动

vue监听data是通过defineProperty方法来监听的。

vue为什么不支持 IE8 及以下版本?
因为vue用了defineProperty方法来监听数据。 因为defineProperty只支持IE9及以上版本浏览器

热更新

你可能感兴趣的:(vue 常用指令)