1、父组件向子组件传值
在子组件中添加props属性
定义个props并添加变量 props:["变量名"]
<组件名 v-bind:子组件中props中变量名="父组件变量名"></组件名>
<body>
<div id="app">
<mycomponent v-bind:helloData="msg"></mycomponent>
</div>
</body>
<script type="text/javascript">
var vm = new Vue({
el:'#app',
data:{
msg:'父组件的数据'
},
methods:{
},
components:{
mycomponent:{
data(){
return{
hello:'hhhh'
}
},
template:'<h3 @click="change">这是子组件---{
{helloData}}</h3>',
props:['helloData'],
methods