Vue 父子传参

967 阅读1分钟

参考

学习Vue3 第十四章(父子组件传参)_withdefaults(defineprops({-CSDN博客

父传子

创建父亲模板

image.png

创造孩子模板

image.png

页面展示

image.png

子页面使用父亲值

image.png

ts写法

image.png

父亲传递多个参数给孩子

父亲页面

image.png

孩子页面

image.png

页面展示

image.png

带有默认值

此时父亲没有传递arr的值

image.png

假设arr没有传值时,加载666

image.png

image.png

子传父

子页面传值

image.png

父页面接受

image.png

image.png

使用ts改写

image.png

给父组件暴露方法或属性

子组件暴露

image.png

父组件接受

image.png