学习笔记---组件之间传值与操作

1、新建一个New.js（创建一个空的vue实例）
　　js中代码如下：

import Vue from 'vue'
export default new Vue()

2、同级组件引入这个New.js文件

import New from '@/New.js'

3、请求子组件需要做的操作：

methods : {
　　functionName () {
　　　　New.$emit('broFunctionName', data) // 向同级组件传输数据
　　　　this.$emit('faFunctionName', data) // 向父组件传输数据
　　}
}

4、接受同级组件需要做的操作

created () {
    New.$on('broFunctionName', data => { // 接受同级组件发出的数据
        this.XXX = data
    })
}

5、接受父组件需要做的操作

<template @faFunctionName="operation">{{text}}</template>
// 通过@faFunctionName接收数据
methods : {
    operation (data) {
        this.text= data
    }
}

6、父组件向子组件传值

<loginForm :isEn="isEn"></loginForm>

7、子组件接收

props: { 
    isEn: {
        default: false,  // 默认值
        type: Boolean //数据类型 
    }
}