使用props传递数据

基本用法

组件不仅仅是把模板里的内容进行复用,更重要的是组件之间进行通信。通常父组件的模板中包含子组件,父组件正要向子组件传递数据或参数,子组件接收到后根据参数的不同来渲染不同的内容或执行操作,这个正向传递数据的过程就是通过props来实现的。
在组件中,使用选项props来声明需要从父组件接收的内容,props的值可以是两种,一种是字符串数组,一种是对象。

渲染后的结果为:

'来自父组件的数据'

有时候传递的数据并不是写死的,而是来自父组件的动态数据,这时可以使用指令v-bind来动态的绑定props的值。当父组件的数据变化时,也会传递给子组件。

注意:如果你要直接传递数字、布尔值、数组、对象,而且不使用v-bind,传递的仅仅时字符串。

你可能感兴趣的:(Vue)