父组件给子组件传值
1. 父组件调用子组件的时候 绑定动态属性
<v-header :title="title"></v-header>
2. 在子组件里面通过 props接收父组件传过来的数据
3. 子组件在使用父组件定义的函数时,可以传参数
父组件Home
<template>
<div id="home">
<v-header :title="title" :homemsg='msg' :run="run" :home="this"></v-header><!--使用子组件-->
<hr>
首页组件
</div>
</template>
<script>
import Header from './Header.vue';//引入子组件
export default{
data(){
return { //父组件的值
msg:'我是一个home组件',
title:'首页111'
}
},
components:{
'v-header':Header//绑定子组件
},
methods:{
run(data){
alert('我是Home组件的run方法'+data);
}
}
}
&l