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方法
更多推荐
已为社区贡献4条内容
所有评论(0)