vue 常用指令

博客介绍了Vue中的指令,包括Class与style样式的动态绑定,可在vue实例的directives属性中赋予自定义指令意义。还阐述了vue的特点,如组件化、数据驱动,其通过defineProperty方法监听data,因该方法只支持IE9及以上,所以vue不支持IE8及以下版本,此外还提到热更新。

vue中的指令

v-cloak:
v-model//(实现元素和数据的双向绑定,表单元素设置了之后会忽略掉value,checked,selected)
v-text//代替 {{}} 渲染成文本(不会识别html标签)可以防止网速卡慢时{{}}出现在页面上
v-html//把html字符渲染成html
v-once//只绑定一次(不能写成v-once=”msg”)
v-bind//动态地绑定一个或多个特性
//<img v-bind:src="imageSrc">
//可简写为<img :src="imageSrc">
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及以上版本浏览器

热更新

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值