父から息子へのデータ
息子のコンポーネントは、直接参照親コンポーネントMSG変数内のデータ、サブアセンブリとしないように、直接通信することができません。
ソリューション：
1）親サブアセンブリコンポーネントテンプレートタグ書き込み
データ2）親コンポーネントサブアセンブリのカスタムに結合するタグ属性
サブアセンブリのカスタム内3）は小道具を取得する属性を
取得することができるカスタムプロパティ親コンポーネントを使用して）4をデータ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>父传子</title>
</head>
<body>
<div id="app">
<!--总结：
1）父组件模板中写子组件标签
2）父组件的数据绑定给子组件标签的自定义属性
3）在子组件内部通过props拿到自定义属性
4）使用自定义属性就可以获得父组件的数据
-->
<sub-tag :a="msg"></sub-tag>
</div>
</body>
<script src="js/vue.js"></script>
<script>
let subTag = {
// 子组件通过props实例成员获取自身自定义属性
props: ['a'],
template: `
<div>
<h1>{{ a }}</h1>
</div>
`
};
new Vue({
el: '#app',
data: {
msg: '父级数据'
},
components: {
subTag,
}
})
</script>
</html>