组件传值 Vue

一 父组件向子组件传值 props
父组件.vue

子组件.vue

在 props 中添加了元素之后，就不需要在 data 中再添加变量了

二 子组件向父组件传值 $emit
父组件.vue

子组件.vue

二 在父组件中改变子组件里的数据 ref
父组件.vue

三 也可以通过$parent和$children获取父子组件的参数

我们可以使用$children[i].paramsName 来获取某个子组件的属性值或函数，$children返回的是一个子组件数组

父组件

  data() {
    return {
      xzqy: '父组件数据',
    };
  },

子组件

this.$parent.xzqy="这是子组件修改后的数据"

四 vue 全局事件(eventBus)
main.js里window.eventBus = new Vue();//注册全局事件对象
发射

eventBus.$emit('name',msg)

接收

eventBus.$on('name',(data)=>{
	console.log(data)
})