书架

书架

=一个知识书库=

8 个基于 Vue3.x + Naive UI 中后台开源模板

8 个基于 Vue3.x + Naive UI 中后台开源模板

作为一名`前端切图仔`,在日常工作中,我们不可避免地需要开发各种`管理系统`。每次启动新项目并`搭建框架`都费时费力,这严重影响了我们的摸鱼时间。 为了解决这个问题,今天我为大家分享 8 个基于 `Vue3 + Vite + TypeScript + Naive UI` 的开箱即用的`中后台`模板,帮助大家提高开发效率,轻松享受摸鱼时光! <!--more--> ## Naive UI Admin ![图片](http://www.lixianglong.cn/bg_store/img/content/kzFgl6ibibNKricZErroNJVwib1FgLfAdM
more...
Vue3中插槽(slot)用法汇总

Vue3中插槽(slot)用法汇总

> Vue中的插槽相信使用过Vue的小伙伴或多或少的都用过,但是你是否了解它全部用法呢?本篇文章就为大家带来Vue3中插槽的全部用法来帮助大家查漏补缺。 <!--more--> ## 什么是插槽 简单来说就是子组件中的提供给父组件使用的一个`坑位`,用`<slot></slot>` 表示,父组件可以在这个坑位中填充任何模板代码然后子组件中`<slot></slot>`就会被替换成这些内容。比如一个最简单插槽例子 ```javascript // 父组件 <template> <div> <Child>Hello Juejin</Child> <
more...
Top-level await 新特性

Top-level await 新特性

**ECMAScript**提案 Top-level await 由 Myles Borins 提出,它可以让你在模块的最高层中使用 await 操作符。在这之前,你只能通过在 async 函数或 async generators 中使用 await 操作符。Top-level await 是个新特性,打包不支持此特性。 所以在js文件中直接写await,在打包时会报错: ```bash Top-level await is not available in the configured target environment, “edge88”, “es2019”, “firef
more...
vite eslint报错 defineProps is not defined

vite eslint报错 defineProps is not defined

# defineProps is not defined - **问题描述** `'defineProps' is not defined.eslint no-undef` ![img](http://www.lixianglong.cn/bg_store/img/content/a9e0b6e175a34bdc9bf41b92ec28cad5.jpg) - **解决方案** 根据 [Eslint 官方解决方案](https://eslint.vuejs.org/user-guide/#compiler-macros-such-as-definepro
more...
vite报错ReferenceError require is not defined

vite报错ReferenceError require is not defined

# vite导入导出报require is not defined 当前使用Vite做为开发构建工具,而Vite默认不支持使用require方式进行模块导入导出 可以使用`vite-plugin-require-transform`插件来处理 1. 安装`npm install vite-plugin-require-transform` 2. 在`vite.config.js`中添加 ```javascript import requireTransform from "vite-plugin-require-transform"; plugins: [
more...