VUE中的set方法
通过set方法向页面中注入数据 数据发生变化时页面也会发生变化
对象中的set方法的使用
- Vue.set(vm.userInfo,"address3","beijing")
Vue.set不仅是VUE的全局方法 也是VUE实例上的方法
- vm.$set(vm.userInfo,"address4","beijing")
数组中的set方法的使用
- VUE的全局方法:Vue.set(vm.userInfo,1,"修改5")
- VUE实例上的方法:vm.$set(vm.userInfo,1,"修改6")
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>VUE的列表渲染</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<div v-for="(item,index) of userInfo">
{{item}}
</div>
</div>
<script>
var vm=new Vue({
el:'#app',
data:{
userInfo:["text1","text2","text3","text4"]
},
})
</script>
</body>
</html>
总结:
- 改变数组中的数据页面同步变化的方法
- 数组变异方法:pop push shift unshift splice sort reverse
- 改变引用地址
- set方法
- 改变对象中的数据页面同步变化的方法
- 改变引用地址
- set方法