python 全栈开发，Day91(Vue实例的生命周期,组件间通信之中央事件总线bus,Vue Router,vue-cli 工具)

0. 组件注意事项！！！
    data属性必须是一个函数！

1. 注册全局组件
    Vue.component('组件名',{
        template: ``
    })
    
    var app = new Vue({
        el: '#app'
    })
2. 注册局部组件
    var app = new Vue({
        el: '#app',
        components:{
            局部组件名:{
                template: `...`
            }
        }
    })
3. 传值
    1. 父组件 --> 子组件
        1. 父组件通过 v-bind:变量='值'
        2. 子组件需要通过props 声明我需要的变量
    2. 子组件 --> 父组件
        子组件通过触发自定义事件的方式向外传递信息
        1. 子组件： this.$emit('自定义事件')
        2. 父组件： v-on:自定义事件='方法名'
        
    3. 组件间传值
        1. 补充：Vue实例的生命周期钩子函数(共8个)
            1. beforeCreate    --> 数据属性声明但没有赋值
            2. created         --> 数据属性赋值
            3. beforeMount     --> 页面上的 {{name}} 还没有被渲染
            4. mounted         --> 页面上的 {{name}} 被替换成真正的内容
            ...
            
        2. 基于bus对象实现
    
4. 插槽（slot）
    插槽是占位置的！！！
    插槽多了可以起名字，进行区分！   --> <span slot='heihei'>嘿嘿！</span>
    <alert>根本不显示</alert>
    
5. 组件的注意事项：
    1. 特殊的组件需要使用is语法声明一下 比如 table、select、ul等内部使用的组件
    2. 捕获子组件的原生事件

View Code