【前端】46、Vue 常用的指令都有哪些?并且说明其作用

释放双眼,带上耳机,听听看~!

1、v-model 多用于表单元素实现双向数据绑定(同 angular 中的 ng-model)


2、v-for 格式: v-for=”字段名 in(of) 数组 json” 循环数组或 json(同 angular 中的 ngrepeat),需要注意从 vue2 开始取消了$index


3、v-show 显示内容 (同 angular 中的 ng-show)


4、v-hide 隐藏内容(同 angular 中的 ng-hide)


5、v-if 显示与隐藏 (dom 元素的删除添加 同 angular 中的 ng-if 默认值为 false)velse-if 必须和 v-if 连用 v-else 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误


6、v-bind 动态绑定 作用: 及时对页面的数据进行更改


7、v-on:click 给标签绑定函数,可以缩写为@,例如绑定一个点击函数 函数必须写在methods 里面


8、v-text 解析文本


9、v-html 解析 html 标签


10、v-bind:class 三种绑定方法 :

      1、对象型 ‘{red:isred}’

      2、三元型 ‘isred?”red”:”blue”‘

      3、数组型 ‘[{red:”isred”},{blue:”isblue”}]’


11、v-once 进入页面时 只渲染一次 不在进行渲染


12、v-cloak 防止闪烁


13、v-pre 把标签内部的元素原位输出

内容投诉

人已赞赏
Vue前端面试

【前端】45、Vue 常用的修饰符都有哪些?

2020-10-18 14:44:45

Vue前端面试

【前端】47、Vue自定义指令(v-check、v-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?

2020-10-18 15:07:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索