Vue 基础指令

**

基本指令

**
指令:是带有 v- 前缀的特殊属性
(1). v-html : 非转义输出: 将xml类型数据解析
防止XSS,CSRF
(2). v-text 和 {{}} 结果是一样的,但是{{}} 有个短暂的{{}} 显示
(3). v-bind 单项数据绑定
作用 : 将一个数据赋值给已有属性
(4).v-model 双向数据绑定
作用范围 : 表单元素, 因为默认绑定了value
小经验 : 看到表单元素,直接上v-model
(5).v-if 和 v-show有和区别?
v-if : 控制的元素的存在与否
v-show : 控制的事元素的display: none 属性
性能的差别:
当初始条件都为false时,v-show的初始渲染开销较高
当频繁切换时,v-if的切换开销较高
在实际项目中,频繁切换: v-show,切换不频繁 v-if.
(6).v-on : 绑定事件监听器,这样我们就可以做一些交互了
(7).v-for : 来遍历一个对象的属性
缩写 v-bind:src => :src
v-on:click => @click
(8).v-pre : 跳过这个元素和它的子元素的编译过程。一些静态的内容不需要编辑加这个指令可以加快编辑

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值