(17.06.21)Vue组件、组件的定义和使用、组件之间的数据

Vue组件
组件        Component

    定义组件
        公共的组件

        Vue.component('组件的名字',{
            template:'模板',
            data(){
                return {
                    数据
                };
            }
        });

        私有的组件
        new Vue({
            components:{
                '组件的名字':{
                    template:'模板',
                }
            }
        });

    使用组件
        <组件的名字></组件的名字>

template一定要有一个根元素
组件写在template中可读性差
    <template id=""></template>

    <script type="x-template" id=""></script>

组件之间数据通信
    父级给子级数据

    <test :aaa="xxx"></test>
    Vue.component('test',{
        template:'',
        props:['aaa']
        或者
        props:{
            aaa:String
        }
    });

子级给父级数据

Vuex
    http://vuex.vuejs.org/

Vue    filter     过滤器

路由     ***
    http://router.vuejs.org/

vue-cli    Vue-脚手架

官网文档
论坛
qq群