首页 > 其他 > 详细

vue常用指令及原理

时间:2020-12-03 15:10:54      阅读:22      评论:0      收藏:0      [点我收藏+]

1 v-if 判断表达式是否为真,如果为真则插入DOM。v-show 则是通过控制css样式来控制是否显示。

如果要显示的元素中含有图片,使用 v-show 可以在显示之前提前加载,当值为 true 时就显示。使用 v-if 时图片会直到显示时才开始加载。

2 v-for 指令可以用来遍历一个数组或对象

对于数组例子:v-for="(itindexin cars" :key="it" 。其中顺序是(value, key)

3 vue 的响应式限制

3.1 为对象添加新属性。因 getter/setter 方法是vue对象初始化的时候添加,因此已存在的属性是响应式,因此直接为对象添加新属性时不会使该属性成为响应式。

3.2 设置数组元素。不能直接使用索引来设置数组元素,使用.splice()方法移除旧元素并添加新元素。例如

 

this.cars.splice(1, 1, 黄河)

 

3.3 设置数组长度。js 中可以设置数组长度,自动让空元素填充数组至该长度。vue中不可以设置data中的数组,因为 vue 不能检测到该操作对数组的任何更改。

 

vue常用指令及原理

原文:https://www.cnblogs.com/zhaopengcheng/p/14079078.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!