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

VUE 学习之parent 选项相关推荐

Vue学习笔记进阶篇——Render函数
本文为转载,原文:Vue学习笔记进阶篇--Render函数基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编 ...
day 83 Vue学习之五DIY脚手架、webpack使用、vue-cli的使用、element-ui
Vue学习之五DIY脚手架.webpack使用.vue-cli的使用.element-ui 本节目录一 vue获取原生DOM的方式二 DIY脚手架三 vue-cli脚手架的使用四 webpac ...
Vue学习第一阶段
Vue学习一阶段一.基础部分一.简单了解 let---变量 const---常量 const的使用注意: 注意一:一旦给const修饰的标识符被赋值之后,不能修改 ...
Vue学习笔记01——Vue开发基础
一.Vue实例配置选项选项说明 data Vue实例数据对象 methods 定义Vue中的方法 components 定义子组件 computed 计算属性 filters 过滤器 el 唯一根 ...
不变的就是变化本身（Vue学习笔记one)
奋斗是这么个过程,当时不觉累,事后不会悔.走一段再回头,会发现一个更强的自己,宛如新生. 你好,我是梦阳辰!期待与你相遇! 文章较长,切勿心急气躁,否则将一事无成! 学习Vue前,我们需要先了解一些M ...
Vue 学习之 7.01 学习笔记
Vue 学习之 7.01 学习笔记 1.还是复习前面的那个"品牌案例管理",但是数据不是静态写死哦,而是动态的管理,向数据库发送相关请求实现,因此,小节和昨天所学就是掌握Vu ...
Vue学习（增删改查、ES6模块化概念）-学习笔记
文章目录 Vue学习(增删改查.ES6模块化概念)-学习笔记增删改查案例 ES6模块化概念 Vue学习(增删改查.ES6模块化概念)-学习笔记增删改查案例 <!DOCTYPE html> ...
Vue学习（常用实例、脚手架搭建）-学习笔记
文章目录 Vue学习(常用实例.脚手架搭建)-学习笔记实例1 法1 法2 实例2 脚手架搭建 vue-cli2.0 vue-cli4.0 Vue学习(常用实例.脚手架搭建)-学习笔记附加:阿里巴巴 ...
Vue学习（入门实例、常用指令）-学习笔记
文章目录 Vue学习(入门实例.常用指令)-学习笔记实例常用指令 v-on v-bind v-for v-html v-if event v-model 双向数据绑定实现 - defineProp ...

VUE 学习之parent 选项

VUE 学习之parent 选项相关推荐

最新文章

热门文章