版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_40990854/article/details/89070420
一、改变数组的引用
二、调用数字的变异方法
操作数组的方法 push pop shift unshift splice sort reverse
三Vue 中对列表的修改有两种 set 方式
- 使用全局的set 方法
Vue.set(vm.list[0] ,'text', '123')
要修改的对象 要修改/添加属性 属性值
- 使用具体的Vue对象的set方法
vm.$set(vm.list[0],'text','465')
对象中 set 这两种方法都可以实现对 属性的设置 | 添加
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue中的列表渲染</title>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
</head>
<body>
<div id="app">
<div v-for="(item,index) in list"
:key="item.id">{{index}}{{item.text}}</div>
</div>
<script type="text/javascript">
var vm = new Vue({
el:'#app',
data:{
/*
对象中 set 这两种方法都可以实现对 属性的设置 | 添加
1、
Vue.set(vm.list[0],'text','123')
要修改的对象 要修改/添加属性 属性值
2、
vm.$set(vm.list[0],'text','465')
数组中
1、改变数组的引用
操作数组的方法 push pop shift unshift splice sort reverse
2、调用数字的变异方法
3、使用set
*/
list:[{
id:'123',
text:'Hello'
},{
id:'124',
text:'World'
},{
id:'125',
text:'Haha'
},]
}
});
</script>
</body>
</html>