14.Vue组件: 自定义组件props传递数据

一、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> 

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

猜你喜欢

转载自blog.csdn.net/paopaosama/article/details/82665834
今日推荐