vue3不在手动引入import {ref} from ‘vue‘ 等也能照样运行项目

最新推荐文章于 2024-05-16 11:35:25 发布

@小朱呀路

最新推荐文章于 2024-05-16 11:35:25 发布

阅读量3.3k

点赞数 5

分类专栏： vue3 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45441173/article/details/126157286

版权

vue3 专栏收录该内容

31 篇文章 2 订阅

订阅专栏

npm i -D unplugin-auto-import

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' 
//引入
import AutoImport from 'unplugin-auto-import/vite' 
export default defineConfig({
  plugins: [vue(),AutoImport({//注册
    imports:['vue'],
    dts:'src/auto-import.d.ts'
  })]
})

使用

<template>
  <div>
    <button @click="flag=!flag">切换</button>
  {{flag}}
  </div>
</template>

<script setup lang="ts">
//无需在引入ref
let  flag=ref<boolean>(false)
</script>

<style scoped>

</style>