VUE 学习之parent 选项

在vue 官网上关于parent选项有以下描述： 

指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 $children 数组中

 

在网上关于这个选项的介绍也很少。 搜索到一个，根据信息做个demo如下： 

let vueVm = new Vue({ el: "#app", data: { msg: "root data" }, beforeMount : function(){ }, computed:{ }, methods: { } }); let childVm = new Vue({ data: { msg_: "child vm data" }, beforeMount : function(){ }, computed:{ }, methods: { getChildVmFunc : function () { console.log("the root data is: " + this.$parent.msg); } }, parent: vueVm });

 

我们在childVm 实例中设置parent选项为 vueVm  那么就为childVm实例指定了父实例为vueVm  那么就可以通过$parent来访问父实例中的数据。 这个选项是说明父实例和子实例直接关系的。 不知道在组件中是否能用。