vue父访问子组件中的数据方法，使用$refs

@{
    ViewData["Title"] = "children";
}
<h1>@ViewData["Title"]</h1>

<div id="app">
    <cpn ref="cpnref"> </cpn>
    <button v-on:click="btnclick">按鈕</button>
</div>

<template id="cpn">
 <div>我是子組件</div>
</template> 

<script src="~/js/vue.js"></script>

<script>
    const app = new Vue({
        el: '#app',
        data: {
            message: 'test',
        },
        components: {
            cpn: {
                template: '#cpn',
                data() {
                    return { message: '子組件的數據信息傳遞' }
                }
            }
        },
        methods: {
            btnclick() {
                console.log('aaa', this.$refs.cpnref.message)
            }
        }
    })

 

</script>