当前位置: 首页 > Web前端 > vue.js

Vue3亲身体验---功能详解(七)父子props与garbageemits

时间:2023-03-31 20:43:12 vue.js

父子propschild可以通过defineExpose暴露要传给parent的变量,函数,DOM({}),父组件传递给子组件添加ref属性,使用“refvalue.value.childvariable”语句操作子组件传递的变量、函数、DOM,以及值父子之间是双向绑定的。那么parent是如何传递变量、函数、DOM给child的:1.全部放在child组件标签中。将要传递给子组件的变量、函数、DOM或字母数字作为子组件的属性放在标签中。注意:变量、函数、DOM使用属性绑定指令v-bind,属性前必须加“:”大写数字,如下:2.在使用父传递的值之前,在子组件中使用defineProps([])来注册子组件。需要先用defineProps([])注册,注意写法:要传入的值放在[]括号内,值必须加引号。如下: