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来访问父实例中的数据。 这个选项是说明父实例和子实例直接关系的。 不知道在组件中是否能用。