Vue组件：自定义组件props传递数据

最新推荐文章于 2025-03-19 22:41:01 发布

paopaosama

最新推荐文章于 2025-03-19 22:41:01 发布

阅读量2.2k

点赞数

文章标签： vue 组件

本文链接：https://blog.youkuaiyun.com/paopaosama/article/details/82665834

版权

一、new一个Vue

二、Vue中使用自定义组件需要先注册组件

注册组件（其实就是定义组件）：可以注册全局组件，也可以注册局部组件。

三、btn是传参数的，在使用组建的时候可以传入不同的参数。

<body>   
    <div id="app">
        <lala btn="一个自定义组件"></lala>
        
    </div>
    <script>
        Vue.component("lala",{
            props:['btn'],
            template:"<h1>{{btn}}</h1>"
        })
         new Vue({
            el:"#app"
        })
    </script>
    
</body>

四、页面中就会显示传入的内容