vue的自定义组件

<div id="app">
        <div>{{pmessage}}</div> //父组件
        <child :message="pmessage"></child>//打开一个通道 绑定message
</div>
     Vue.component('child',{
          props:['message'], //使用props 来接收信息
          template:'<h1>{{message}}</h1>' //需要暴露的信息
      });
     new Vue({
         el:'#app',
        data:{
           pmessage:'123' //父元素的值
        }
     });

props的使用。props可以是一个数组,也可以是一个对象。

猜你喜欢

转载自www.cnblogs.com/l8l8/p/9149511.html