vue组件

最新推荐文章于 2024-12-13 20:45:36 发布

原创最新推荐文章于 2024-12-13 20:45:36 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数

Vue 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了Vue.js中组件的概念及其使用方法。组件可以扩展HTML元素，实现可复用的代码结构。文章详细解释了如何创建局部及全局组件，并展示了组件数据传递的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

组件：组件可以拓展html元素，封装可以调用的代码。组件是可自定义的。
注：组件要先注册，在初始化根实例；组件之间的数据是以函数的形式返回的，如：

data(){
    return{
        data:'data'
    }
}

全局组件：
Vue.component(‘组件名称’，{
‘模板’： ‘html结构’，
template : “#p”，
data(){},
})
调用：<组件名称>

<div class="box">
    <全局组件名称></全局组件名称>
</box>


Vue.component('全局组件名称',{
    template:'#p',
    data(){},
})

new Vue({
    el: ".box",
    data:{},
    components:{
        '局部组件名称':{
            template:"#t",
            data(){}
        }
    }

})