如图，vue实例中(data:data)什么意思？难道是把data(第二个)的所有属性都赋值给data(第一个)？

第一个 data 就是个变量名而已，你叫 f_ck 也可以：

var f_ck = {

  name: "Conan",

  age: 28

}

var app = new Vue({

  data: f_ck

})

甚至不用这个中间变量直接传字面量过去也可以：

var app = new Vue({

  data: {

    name: "Conan",

    age: 28

  }

})

示例：

点击button会发现， obj.b 已经成功添加，但是视图并未刷新：

原因在于在Vue实例创建时， obj.b 并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新，这时就需要使用Vue的全局api—— $set()：

$set() 方法相当于手动的去把 obj.b 处理成一个响应式的属性，此时视图也会跟着改变了：

vuemain.js注册的方法vue组件的data中引用报错，需要解决循环引用报错问题。具体 *** 作步骤如下：

1、打开vuemain.js项目，使用全局引入组件。

2、在vue实例化前，在main.js里完成引入。

3、通过import，selFile代码，修改vue组件的data引用方式即可。

---