(17.06.21)Vue组件、组件的定义和使用、组件之间的数据通信、Vuex、路由、vue-cli

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群

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容