使用defineExpose属性以及方法

之前学的知识子组件里面定义的变量和常量只属于它自己这个组件,别的组件是拿不到的,即使是父级也拿不到

defineExpose:向外导出,把定义的常量或变量导出去,可以让父级里面拿到子组件里面的定义的变量和常量

案例应用:

先在子组件里定义一个常量,并导入ref响应状态,然后采用生命周期中的defineExpose方法属性,该方法用于向外导出,把定义的常量或变量导出去,把常量放入defineExpose中,格式是属性加值,但由于属性名和值是一样的,所以只写一个属性名即可

父级则导入ref和挂载生命周期,在挂载方法里打印输出即可,可以拿到子组件里面所有的东西,输出到后台

也可以在defineExpose方法属性里面写你想输出值的类型,然后可以直接赋值了,有两个属性的话,记得加逗号,不然会报错,照样可以输出

对子组件属性count进行修改,先定义一个修改属性count的函数updateCount()

updateCount()函数里面对属性count进行修改

再把它放入defineExpose方法中将其传到父级里面去

父级定义一个按钮加一个点击事件,根据点击事件的属性名创建一个修改函数update,对子组件里面的属性进行修改