<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可以是一个数组,也可以是一个对象。