vue父组件向子组件传递数据prop

今天学习vue学到使用prop父向子传递数据,学了半天也没懂什么意思, 没学懂==记住不(true)

查了下别人的学习经验发现基本上都是拷贝vue官网的介绍,哎,不要脸的真多, 能咋办 继续研究呗

他说是父组件向子组件传递绑定的数据==子组件接收父组件数据, 那就逆向推理一下



	
		
		vue之父向子传递动态prop
			
	
	
		
		

如果我把

看成根组件也就是父组件,把child标签看成子组件,正常情况下我子组件显示的内容应该是  template:"显示的内容"   但是我今天想显示的是父组件内如"我现在是动态的",

在子组件中添加props:['数据名'],template:'

{{数据名}}

',之后在body中用v-bind绑定,

可能我写的也是看不懂,但是把根组件看成父组件, 注册的组件看成子组件,在根组件里面的子组件想显示父组件的数据,那就在注册的子组件中添加props:['名字'],之后把这个名字在template中使用,之后再子组件标签中使用,比如

之后只要改变父组件数据的内容就可以了

你可能感兴趣的:(vue)