vue父子组件通信，嵌套组件

子传父：

子组件定义事件say

    <div @click="say">子传父</div>

methods里面执行say方法，通过emit给父组件传递一个叫sire的自定义事件，它会自动去父组件里面寻找sire事件

  say() {
       this.$emit("sire","传给父组件的值");
    },

父组件引用子组件模板、声明类型、注册组件、sire自定义事件必须与子组件给的一致

<temp  @sire="say($event)"></temp>

import temp from "../template/temp";

props: {
	selected: String,
	tabs: Array
},

components: {
  temp
},

say(e) {
   console.log("子组件返回", e);
 },

父传子：

模板上使用 :get=“要传的参数”

<Demos :get="list" @sayab="say($event)"></Demos>

子组件接收传过来的datas数据，数据类型根据需求定

  props: ['datas']  或者 props: { type: Array,required: true },

这样就可以直接使用datas了

嵌套组件

<Demos></Demos>

import Demos from '../template/demo'

components:{
  Demos
},