vue的开发数据传值处理(十二)

vue的开发数据传值处理

访问根实例：
例子 通过$root property 进行访问

export default{
   data(){
	return{
	  foo:1
	   }
	},
	computed:{
        bar:function(){}
	},
	methods:{
        bar:function(){}
	}
}

//所有的子组件都可以将这个实例作为一个全局 store 来访问或使用。
// 获取根组件的数据
this.$root.foo
// 写入根组件的数据
this.$root.foo = 2
// 访问根组件的计算属性
this.$root.bar
// 调用根组件的方法
this.$root.baz()

访问父组件的实例 从子组件内访问父组件的实例
$parent property 可以用来从一个子组件访问父组件的实例，以替代将数据以 prop 的方式传入子组件的方式。

this.$parent.getMap

访问子组件实例或子元素

this.$refs.usernameInput

说实话这是啥我也没懂

vue的开发数据传值处理(十二)

原文：https://www.cnblogs.com/tcz1018/p/13091569.html