<template> <!-- 父组件 --> <div class="parent"> <Child :num="count" @handle="changeValue" /> <button @click="add">父组件的按钮</button> </div> </template> <script lang="ts"> import Child from 'https://www.cnblogs.com/qt-fei/p/components/child.vue' import { defineComponent, reactive, toRefs } from 'vue' export default defineComponent({ name: '', props: {}, components: { Child }, setup () { const state = reactive({ count: 1 }) const add = (): void => { state.count += 1 } const changeValue = (num: number) => { state.count += num } return { ...toRefs(state), add, changeValue } } }) </script>到此这篇vue3.0父子组件传值（vue父子组件传值emit）的文章就 介绍到这了,更多相关 内容请继续浏览下面的相关 推荐文章，希望大家都能在 编程的领域有一番成就！
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/27943.html