vue生命周期-组件参数传递

vue生命周期 --------------学习记录

beforeCreate():实例在内存中被创建出来，还没有初始化好data和methods属性。
create():实例已经在内存中创建，已经初始化好data和method，此时还没有开始编译模板。
beforeMount():已经完成了模板的编译，还没有挂载到页面中。
mounted()：将编译好的模板挂载到页面指定的容器中显示。
beforeUpdate():状态更新之前执行函数，此时data中的状态值是最新的，但是界面上显示的数据还是旧的，因为还没有开始重新渲染DOM节点。
updated():此时data中的状态值和界面上显示的数据都已经完成了跟新，界面已经被重新渲染好了！
beforeDestroy():实例被销毁之前。
destroyed():实例销毁后调用，Vue实例指示的所有东西都会解绑，所有的事件监听器都会被移除,所有的子实例也都会被销毁。组件已经被完全销毁，此时组建中所有data、methods、以及过滤器，指令等，都已经不可用了。
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；
activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等；
beforeRouteEnter(to, from, next)：进入路由之前执行的函数,写在组件里可根据路由进行页面判断或传值。
beforeRouteLeave(to, from, next)：离开路由之前执行的函数,可用于页面的反向传值，页面跳转。
计算属性computed: 将返回function内return的值赋值在html的DOM上，computed内的function也只执行一次。仅当function内涉及到Vue实例绑定的data的值的改变，
function才会从新执行，并修改DOM上的内容。
beforecreate : 可以在这函数中初始化加载动画
created ：做一些数据初始化，实现函数自执行
mounted： 调用后台接口进行网络请求，拿回数据，配合路由钩子做一些事情
destoryed ：当前组件已被删除，清空相关内容
在这里说明下自己在开发项目中最常用的是什么？在mounted中做网络请求和重新赋值，在destoryed中清空页面数据。

Vue组件间的参数传递

1. 父组件与子组件传值
   父组件传给子组件：子组件通过props方法接受数据;
   子组件传给父组件：$emit方法传递参数

2. 非父子组件间的数据传递，兄弟组件传值
   eventBus，就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。项目比较小时，用这个比较合适。

	子组件绑定数据：
     this.$emit('teacherInfo', this.teacherInfo)
     父组件取：
    <Table1Type1 v-if="tab === 'tab-1'" @teacherInfo="teacherState"/>
    teacherState(data){
            this.teacherDesc = data.stateDesc
            window.console.log(data.stateDesc,'data')
        },
    ```