今天学习vue学到使用prop父向子传递数据，学了半天也没懂什么意思， 没学懂==记住不（true）
查了下别人的学习经验发现基本上都是拷贝vue官网的介绍，哎，不要脸的真多， 能咋办 继续研究呗
他说是父组件向子组件传递绑定的数据==子组件接收父组件数据， 那就逆向推理一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>vue之父向子传递动态prop</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<!--app为父组件-->
<div id="app">
<!--child是子组件-->
<child v-bind:my-message="message"></child>
</div>
</body>
<script type="text/javascript">
//创建全局组件 child-->子组件
Vue.component('child', {
// 关联props
props: ['myMessage'],
template: '<p>{{myMessage}}</p>'
})
var app = new Vue({
el: "#app",
data: {
message: "我现在是动态的"
}
})
</script>
<style type="text/css">
#app{
text-align: center;
font-size: 20px;
margin-top: 20px;
color: red;
}
</style>
</html>如果我把<div id="app"></div>看成根组件也就是父组件，把child标签看成子组件，正常情况下我子组件显示的内容应该是 template:"显示的内容" 但是我今天想显示的是父组件内如"我现在是动态的"，
在子组件中添加props:['数据名']，template:'<p>{{数据名}}</p>',之后在body中用v-bind绑定，
<child v-bind:my-message="message"></child><child v-bind:my-message="message"></child>之后只要改变父组件数据的内容就可以了
653
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
