08 2023 档案

摘要:ref的用法: //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意:组件内部数据对外是关闭的,如果想让外 阅读全文
posted @ 2023-08-16 10:55 麦兜家园 阅读(485) 评论(0) 推荐(0) 编辑
摘要:<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 麦兜家园 阅读(455) 评论(0) 推荐(0) 编辑
摘要:v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa 阅读全文
posted @ 2023-08-14 17:24 麦兜家园 阅读(718) 评论(0) 推荐(0) 编辑
摘要:以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons 阅读全文
posted @ 2023-08-14 14:16 麦兜家园 阅读(234) 评论(0) 推荐(0) 编辑
摘要:以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> 阅读全文
posted @ 2023-08-14 13:23 麦兜家园 阅读(410) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示