在父组件的引用标签里 加入冒号属性
<template>
<div>
<!--这里冒号属性就是写入子组件数值-->
<v-header :title="title"></v-header>
<h1>新闻组件----{
{msg}}</h1><br/>
<button v-on:click="setMsg">看看是啥新闻</button>
</div>
</template>
<script>
import header from './Header.vue';
export default{
components:{
'v-header':header
},
data(){
return{
msg:'默认新闻',
title:'新闻组件传过来的title'
}
},
methods:{
setMsg(){
this.msg = '默认改变新闻'
}
}
}
</script>
<style lang="scss" scoped="scoped">
</style>
再在引用的子组件里加入一个数组来接收值
<template>
<div>
<h1>我是真头部----{
{title}}</h1><br/>
<h1>我是真头部----{
{msg}}</h1><br/>
<button v-on:click="setMsg">头部的抵抗</button>
</div>
</template>
<script>
export default{
data(){
return{
msg:'头部',
}
},
methods:{
setMsg(){
this.msg = '我真的是真头部'
}
},
props:['title'] //这个是接收父组件传过来的值
}
</script>
<style lang="scss" scoped="scoped">
</style>
————————————————————————————————————————————————————
父组件给子组件传方法。。。。。
父组件
<template>
<div>
<!--这里冒号属性就是写入子组件数值-->
<v-header :title="title" :run=&