vue3学习笔记五：v-model使用、异步组件引入的变化

最新推荐文章于 2024-08-02 10:16:43 发布

前端技术负责人

最新推荐文章于 2024-08-02 10:16:43 发布

阅读量342

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/121443706

版权

vue 专栏收录该内容

192 篇文章 4 订阅

订阅专栏

1、VmodelTest.vue

<template>
  <div @click="$emit('update:modelValue',modelValue+1)">counter:{{ modelValue }}</div>
</template>
<script>
export default {
  props: {
    modelValue: {
      type: Number,
      default: 1, 
    },
  },
};
</script>

2、use.vue

<template>
  <VmodeTest v-model="count"></VmodeTest>
</template>
<script>
import {
  ref,
} from "vue";
export default {
   setup() {
    const count = ref(1)
    return { count };
  },
}
};

3、

<script>
import {
  defineAsyncComponent,
} from "vue";
export default {  
    components: {
        AsyncComp:defineAsyncComponent(()=>import('./NextPage.vue'))
    },
</script>