首页 > 其他分享 >vue3自动引入插件

vue3自动引入插件

时间:2023-03-02 19:34:25浏览次数:58  
标签:插件 vue auto unplugin vue3 引入 import vite

unplugin-auto-import/vite

配置完成之后使用ref reactive watch 等 无须import 导入 可以直接使用

install

npm i -D unplugin-auto-import

 

vite配置

// vite.config.ts
import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import AutoImport from 'unplugin-auto-import/vite' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue(),AutoImport({ imports:['vue'], dts:"src/auto-import.d.ts" })] })

 

插件地址

https://gitcode.net/mirrors/antfu/unplugin-auto-import?utm_source=csdn_github_accelerator

标签:插件,vue,auto,unplugin,vue3,引入,import,vite
From: https://www.cnblogs.com/miangao/p/17173084.html

相关文章

  • 项目插件记录
    效果类:无缝滚动 vue-seamless-scroll安装后局部引入,做列表无缝滚动<script>importvueSeamlessScrollfrom'vue-seamless-scroll'exportdefault{co......
  • sublime 3 离线安装xml、json格式化插件
    sublime3离线安装xml、json格式化插件插件地址: https://shanle.lanzout.com/iVwrZ0p1pqdg下载后:preference--browsePackage-丢到弹出的文件夹里使用:slection-f......
  • Vue3 常见错误
    1.UncaughtSyntaxError:Therequestedmodule'/node_modules/.vite/vue-router.js?v=4b09f9b8'doesnotprovideanexportnamed'default'【解决】vue-router的配......
  • vue3注册组件,以及组件之间通信
     注册组件 全局组件 局部组件 递归组件 组件通信 父传子父传递<template><divclass="container"><!--传递数据这里传了一个string和一......
  • lodop打印插件
    日前做一个批打卡片和批打条码的功能模块,在网上搜索了好久,发现有一款插件lodop很是好用,很好的完成了功能实现,而且使用方便,在此做下笔记望以后有所帮助。Lodop支持IE系列、IE......
  • 基于vue3+el-upload 获取视频第一帧截图并上传服务器
    //视频上传成功consthandleVideoSuccess:UploadProps['onSuccess']=(response,uploadFile)=>{  if(response.status=='500005'){   detailInfo.v......
  • 学习vue3遇到的问题
    1.toReftoRef是用来给抽离响应式对象(被reactive包裹的对象)中的某一个属性的,并且把这个属性包裹成ref对象,使其和原对象产生链接。或许有人就回有人有疑问了?这个toRef存在......
  • vue3 门户网站搭建6-wangeditor
    门户网站的新闻、公告等文章,内容可配置,故引入wagneditor 1、安装:npmi wangeditor 2、方便调用,抽成组件:<template><divref='editor'></div></template><......
  • vue3的ref、reactive、toRefs特性详解
    了解ref()、reactive()这两个特性之前,我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name,通过点击事件handle来改变name的值是通过如下方式写的。......
  • Vue3 reactive的理解
    1.什么是reactive?reactive是Vue3中提供实现响应式数据的方法.在Vue2中响应式数据是通过defineProperty来实现的.而在Vue3响应式数据是通过ES6的Proxy来实现的2.rea......