当我们去看vue文档的时候,发现如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。比如我们我们开始创建了一个对象实例,在实例创建之后为其增加新的属性,我们发现这个属性不能生效,此时需要使用this.$set(')方法。
?
<template>
<more></more>
</template>
<script>
import viewMore from 'viewMore.vue'
export default {
name: 'index',
components: {
more: viewMore
},
data() {
return {
people :{}
}
},
created(){
this.$set(people , 'age','12');
}
}
</script>