VUE 学习之parent 选项
在vue 官网上关于parent选项有以下描述:指定已创建的实例之父实例,在两者之间建立父子关系。子实例可以用this.$parent访问父实例,子实例被推入父实例的$children数组中在网上关于这个选项的介绍也很少。 搜索到一个,根据信息做个demo如下:let vueVm = new Vue({el: "#app",data: {...
·
在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来访问父实例中的数据。 这个选项是说明父实例和子实例直接关系的。 不知道在组件中是否能用。
更多推荐
已为社区贡献25条内容
所有评论(0)