Vue中循环注意点和动态改变数组或对象的方法
基础部分：<template></template>模板占位符作用类似于div来包裹一些元素，但不会渲染到页面上Vue默认会复用相同的组件，但可以传入不同的key值来解决这个问题列表循环注意点：提高循环性能最好有独一无二的key值，且尽量不要使用index作为key值，一般后端会在传入数据时使用id作为前值，可以使用id作为key值在Vue中
·
基础部分：
<template></template>模板占位符作用类似于div来包裹一些元素，但不会渲染到页面上
Vue默认会复用相同的组件，但可以传入不同的key值来解决这个问题
列表循环注意点：
提高循环性能最好有独一无二的key值，且尽量不要使用index作为key值，一般后端会在传入数据时使用id作为前值，可以使用id作为key值
在Vue中不能使用下标动态来改变数组，只能使用Vue提供的7种方法：push，pop，shift，unshift，splice，sort，reverse
但可以改变数组的引用来改变数组，如vm.list=[ ]
也可以使用set方法来动态改变数组
列表对象循环
同样，可以改变对象的引用来动态改变对象
也可以使用set方法来动态的改变对象
set方法既是Vue中全局的一个方法
也是Vue实例方法
总结：
vue中动态改变数组的方法：
1.改变数组的引用
2.使用Vue提供的7种方法：push，pop，shift，unshift，splice，sort，reverse
3.使用set方法
vue中动态改变对象的方法：
1.改变对象的引用
2.使用set方法
前往低代码交流专区
更多推荐
1
0- 0
已为社区贡献4条内容
所有评论(0)