主要是将父组件里data中的数据通过在子组件里使用props属性对数据进行传递,传递时应注意组件标签里面通过 :xx='data里面的数据',放到组件标签上,然后将值通过props:['xx']将值放到组件内部,这样就可以在子组件里进行传值
<body>
<div id="app">
<list-btn :tit='msg'></list-btn>
</div>
</body>
<script type="text/javascript">
Vue.component('list-btn',{
props:['tit'],
data:function(){
return { count:0 }
},
template:`<div> <p>我是{{tit}}</p> </div>`
})
let app=new Vue({
el:'#app',
data:{ msg:'我是father' },
methods:{}
})
</script>