《Vue应用开发》课件——3.5.3动态绑定props.pptxVIP

3.5.3动态绑定props

掌握父组件向子组件传递动态数据的方法，能够使用props实现数据传递3.5.3动态绑定props先定一个小目标！

在父组件中使用v-bind可以为子组件动态绑定props，任意类型的值都可以传给子组件的props，包括字符串、数字、布尔值、数组、对象等。3.5.3动态绑定props

3.5.3动态绑定propstemplateChild:init=username//templatescriptsetupimportChildfrom./Child.vueimport{ref}fromvueconstusername=ref(你的姓名)/script1.字符串从父组件中为子组件传递字符串类型的props数据，示例代码如下。

3.5.3动态绑定propstemplate接受数据{{init}}/templatescriptsetupconstprops=defineProps([init])console.log(props)/script上述代码用到了名称为Child的子组件，该子组件的示例代码如下。

3.5.3动态绑定propstemplateChild:init=12/Child:init=age//templatescriptsetupimportChild