父组件向子组件传值：，今天小编就来说说关于vue父组件怎样传递数据给子组件?下面更多详细答案一起来看看吧!
vue父组件怎样传递数据给子组件
父组件向子组件传值：
- 父组件的data中定义值；
- 父组件中调用、注册、引用子组件；
- 在父组件引用子组件的标签上给子组件传值，：[子组件props中创建的属性]=“父组件data中定义的需要传给子组件的变量名”；
- 子组件在props中创建一个属性，用以接收父组件传过来的值。
子组件向父组件传值：
- 子组件中使用$emit（‘父组件接收子组件值的事件名’，子组件传给父组件的值）方法向父组件传值；
- 在父组件引用子组件的标签上使用@父组件接收子组件的事件名=“事件”接收值；
- 父组件的methods中，事件（接收的值）｛｝。
非父子组件间的传值
- 在main.js中注册全局的变量Vue.prototype.变量=new Vue()；
- 在要传递数据的组件中使用 this.变量.$emit(‘自定义事件名’,data)methods:{ btnClick(){ this.变量.$emit('自定义事件名', this.msg) } }；
- 接受数据的组件中使用 this.变量.$on(“自定义事件名”, msg => {})mounted() { this.变量.$on("自定义事件名", msg => { this.message = msg; }); }。
