Vue.js - 数组
一、动态响应
两种方式:
- Vue.set(vm.list, 1, ‘lemon’);
- vm.$set(vm.list, 1, ‘lemon’);
参数一表示要处理的数据名称
参数二表示要处理的数组的索引
参数三表示要处理的数组的值
<script type="text/javascript">
window.onload = function () {
const vm = new Vue({
el:'#app',
data:{
list:['orange','banana','apple']
},
methods:{
}
})
//Vue.set(vm.list, 1, 'lemon');
vm.$set(vm.list, 1, 'lemon'); 这两种方法都是将索引值为1的元素修改成 lemon
}
</script>
</head>
<body>
<div id="app">
<ul>
<li :key = 'index' v-for="(item, index) in list">{{item}}</li>
</ul>
</div>