父组件向子组件传递数据的做法:
- 父组件调用子组件时,以属性绑定的方式将要传递的数据绑定到子组件标签上。
- 子组件获取数据时,在子组件对象中,使用props选项声明获取的数据,进行绑定属性的拦截,即接收来自父组件的数据。
如下,使用局部组件创建方式,分别创建父组件和子组件。
new Vue({
el:"#app",
components:{
'my-father':{
template:"#father",
data(){
return {
name:"父组件",
age:32,