在我们的子组件里面定义了一个常量,我们想要将我们定义的常量传递出去直接调用我们的子组件是传递不了的。
在我们的子组件里面调用我们的definedExpose 这个可以帮助我们将我们的子组件里面定义的值传递出去,我们同时也需要在我们页面调用的子组件里面添加一个ref来接收,之后在我们的script里面使用我们的onMounted来输出我们的传递过来的值。
如果属性和值不一样的时候:
在我们传递过去的值后面添加一个冒号,在冒号后面添加我们要传递的值
我们再次从页面中的控制台来查看我们的值知否已经输出出来了。
我们看的控制台的count下面的value里面是我们从子组件里面传递过来的值,就说明我们从子组件里面传递的值已经成功的传递出来了。
我们不仅仅可以传递一个值还可以传递多个,也可以使用方法来传递我们在方法里面改变的我们在子组件里面定义的方法。
我们在传递出去我们修改定义值的方法之后,需要在我们的主页面进一步来取到我们修改值的方法。
我们设置了一个点击的button的按钮来调用我们的修改值的方法,保存好了之后可以在我们页面中查看我们的效果。
这个就是我们的从子传父的基本认知和用法。