1.父组件

<template>
    <div>
        <subcomponent :subdata="data"></subcomponent>
    </div>
</template>
<script>
import subcomponent from './subcomponent'
export default {
    name: 'parentComponent',
    components:{
        'subcomponent':subcomponent
    },
    data (){
        return{
            data:''
        }
    }
}
</script>

2.子组件

<script>
export default {
    name: 'subcomponent',
    props: ['subData'],
    data (){
        return{}
    },
    watch:{
      subdata:'showData'
    },
    methods:{
        showData(){
            alert(this.subdata);
        }
    }
}
</script>

其它:命名方式存疑

作者 铁血 汉子 2018年3月9日
2018/09/19/12:54:20am 2018/3/9/6:13:28
0 267