首页 > 其他分享 >vite_vue3自动引入

vite_vue3自动引入

时间:2022-11-02 21:22:26浏览次数:78  
标签:auto unplugin vue3 引入 import vite

// github地址: https://github.com/antfu/unplugin-auto-import

1. npm i -D unplugin-auto-import

2. vite.config.ts

import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
  plugins: [
    AutoImport({
      imports: ['vue'],// 自动引入,vu-router,axios等等
      dts: 'src/auto-import.d.ts' // 指定生成文件目录
    })
  ]
})

// 组件中直接使用ref,reactive等等,无需引入


标签:auto,unplugin,vue3,引入,import,vite
From: https://www.cnblogs.com/JunLan/p/16852500.html

相关文章

  • vue3
    目录回顾vue-router路由守卫vue3一、介绍二、创建vue3项目的两种方式三、setup函数vue3新增的setup配置项函数的特点此时的变量age值不能够和渲染的一样增减,因为没有响应......
  • vue3简介
    vue3介绍创建vue3项目的两种方式setup函数ref和reactive计算和监听属性计算属性监听属性生命周期hookshook/usePoint.js在想使用的组......
  • Vue3学习笔记(四)——组件、生命周期
    一、组件如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能......
  • 学习vue3(四)(生命周期,父子组件传参,动态组件)
    组件的生命周期简单来说就是一个组件从创建到销毁的过程成为生命周期在我们使用Vue3组合式Api是没有 beforeCreate和 created这两个生命周期的,用setup函数代替,......
  • vue3-组合式api-watch,watchEffect
    <template> <div>  {{counter}}  <button@click="changeCounter">改变counter</button>  <br/>  {{user.name}}  <button@click="chan......
  • vue3 结合 element-plus 框架实现增删改查功能(不连接数据库)
    ......
  • 学习Vue3 (三)
    computed用法计算属性就是当依赖的属性的值发生变化的时候,才会触发他的更改,如果依赖的值,不发生变化的时候,使用的是缓存中的属性值。1函数形式<template><div>......
  • 学习vue3(二)
    reactive用来绑定复杂的数据类型例如对象数组,他是不可以绑定普通的数据类型这样是不允许会报错绑定普通的数据类型我们可以使用昨天讲到ref你如果用ref去绑定对象......
  • 学习Vue3(一)
    重写双向绑定vue2基于Object.defineProperty()实现vue3基于Proxyproxy与Object.defineProperty(obj,prop,desc)方式相比有以下优势://丢掉麻烦的备份数据//省去for......
  • vue3 toRef toRefs toRaw使用
    //只能修改响应式对象的值constperson=reactive({name:"zhangsan",age:18});//将age属性单独提出来响应式数据constageCopy=toRef(person,"age");cons......