08 2023 档案
摘要:ref的用法: //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意:组件内部数据对外是关闭的,如果想让外
阅读全文
摘要:<template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s
阅读全文
摘要:v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa
阅读全文
摘要:以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons
阅读全文
摘要:以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script>
阅读全文