Vue自定义指令理解

前端面试 专栏收录该内容
10 篇文章 0 订阅

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连用 不能单独使用 否则报错 模板编译错误

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值