当我们去看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>