• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
麦兜家园
优秀是一种习惯
博客园    首页    新随笔    联系   管理    订阅  订阅
08 2023 档案
vue3中组件之间通信ref和$parent的用法

摘要:ref的用法: //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意:组件内部数据对外是关闭的,如果想让外 阅读全文
posted @ 2023-08-16 10:55 麦兜家园 阅读(542) 评论(0) 推荐(0)
vue3中的useAttrs和 defineProps的用法

摘要:<template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s 阅读全文
posted @ 2023-08-16 09:54 麦兜家园 阅读(564) 评论(0) 推荐(0)
Vue3 中的v-model实现父子组件数据同步通信

摘要:v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa 阅读全文
posted @ 2023-08-14 17:24 麦兜家园 阅读(807) 评论(0) 推荐(0)
vue3+typescriot中的defineEmits(子组件向父组件传值)

摘要:以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons 阅读全文
posted @ 2023-08-14 14:16 麦兜家园 阅读(281) 评论(0) 推荐(0)
vue3+typescript中的props(父组件给子组件传递数据)

摘要:以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> 阅读全文
posted @ 2023-08-14 13:23 麦兜家园 阅读(499) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3