vue组件基础

最新推荐文章于 2022-08-06 09:54:45 发布

胖子liu

最新推荐文章于 2022-08-06 09:54:45 发布

阅读量182

点赞数

分类专栏： vue组件文章标签： vue组件

本文链接：https://blog.csdn.net/LiuPangZi6/article/details/101539760

版权

vue组件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

定义全局组件

Vue.component(‘组件名’, Vue配置信息{})
template 定义的是显示的html代码，用 `` 来写字符串，方便编写和阅读

Vue.component('my-component',{
    template: `
        <div>
            <div>我是一个全局组件</div>
        </div>
    `
});

局部组件

var app=new Vue({
        el:"#app",
        data:function(){
            return{
                name:"zhangsan"
            }
        },
        components:{
        //privates组件名
            privates:{
                template:`<div>
                <div>这是一个局部组件</div>
                </div>`
            }
        }
    })