1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Vue自定义指令理解

Vue自定义指令理解

时间:2020-09-02 21:30:16

相关推荐

Vue自定义指令理解

1,v-on

可以缩写为@,用于监听指定元素的DOM事件,比如点击事件,:click 给标签绑定函数,函数必须写在methods里面。绑定事件监听器。

2,v-for

v-for="(item,index) in/of 数组json" 循环数组或json,基于一个数组或者对象渲染一个列表,循环指令,vue

2.0以上必须需配合 key值 使用。

3,v-pre

把标签内部的元素原位输出,直接显示原始 Mustache

标签。跳过这个元素和它的子元素的编译过程。跳过大量没有指令的节点会加快编译。(如果还不理解,就点一下下面的超链接) 更详细的解释

详细解释

4,v-cloak

防止闪烁 该属性需配合 样式display:none

5,v-once

进入页面时,只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

6、v-model

实现表单输入和应用状态之间的双向绑定

7,v-bind

动态绑定 作用: 及时对页面的数据进行更改 :class 三种绑定方法 1、对象型 ‘{red:isred}’ 2、三元型

‘isred?“red”:“blue”’

3、数组型

‘[{red:“isred”},{blue:“isblue”}]’

8,v-html

解析html标签

9,v-text

解析文本

10,v-show

显示内容 ,通过display=block/none来控制元素隐藏出现

11,v-hide

隐藏内容

12,v-if

显示与隐藏 (dom元素的删除添加 同angular中的ng-if 默认值为false)

13,v-else-if

必须和v-if连用

14,v-else

必须和v-if连用 不能单独使用 否则报错 模板编译错误

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。