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方法