牛骨文教育服务平台(让学习变的简单)
博文笔记

Vue-component全局注册

创建时间:2017-04-17 投稿人: 浏览次数:1517

组件的全局注册必须注意是在实例化对象之前完成。

Vue.component("mytest",
{
    template:"<li>{{name}}</li>",
    props:["name"]


})

new Vue({
//...
})

而局部注册则只能在父模板内使用

        <div id="clear" >
<mytest v-for="li in list" v-bind:name="li">


</mytest>

</div>


var vm=new Vue({
    el:"#clear",
    data:{
        list:[1,2,3]


    },
    components:{
        "mytest":{
            template:"<li>{{name}}</li>",
            props:["name"]

    }

    }
})
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。