vue3 vite particle球体 / 张生荣

vue3使用particles插件实现粒子背景的方法详解

目录总结效果(可以修改多种不同的样式效果) 1.安装 npm install particles.vue3 2.main.js import { createApp } from 'vue' im ...

今天在vue3+vite项目练习中,在使用svg时,发现之前的写法不能用,之前的使用方法参考vue2中优雅的使用svg const req = require.context('./icons/svg ...

目录 1.结构字符串 2.返回tuple元组 3.访问Dict字典 4.运用库 5.在列表中切片/步进 6.用 ranges 1.结构字符串你会经常需求打印字符串.要是有很多变量,防止下面这样: n ...

目录前言 1,前置基础知识-JavaScript模块化编程 (1)export语句-暴露函数和变量使外部调用 (2)import语句-导入变量/函数并使用 (3)import*asxxx语句-全部导 ...

目录安装@vitejs/plugin-vue-jsx 配置vite.config.js 使用实战第一种写法使用this 第二种写法第三种写法安装@vitejs/plugin-vue-jsx y ...

目录引言一.前言 1-1.三点变化: 1-2.引入辅助函数defineAsyncComponent的原因: 二.Vue 2.x与Vue 3.x定义比较 2-1.异步组件/路由定义比较 2-2.声明 ...

目录一.开发环境和生产环境二.配置环境变量三.使用全局变量总结一.开发环境和生产环境开发环境:也就是编码时运行的环境,即我们使用npm run dev或者npm run serve运行项目 ...

目录 rollup介绍以命令行方式打包 Tree Shaking Rollup 的命令行使用命令行 format 格式 rollup.config.js 设置/获取环境变量插件 plugins ...

目录 1.安装tsx 1.安装tsx插件 2.vite.config.ts里的配置 3.tsconfig.json里的配置 2.使用TSX 1.app.vue里的代码 2.app.tsx的代码注意: ...

目录一.全量注册,随用随取 1. 把项目中所有vue文件注册成异步组件. 2. 获取组件 3. 参考如下二.使用@rollup/plugin-dynamic-import-vars插件 1.介绍 ...

目录前言: vue3中使用 import.meta.glob 具体方法: 前言: 在vue2的时候,我们一般引入多个js或者其他文件,一般使用 require.context 来引入多个不同的文件 ...

目录创建项目创建组件导出组件使用vite构建打包注册->登录npm 发布前准备发布到npm 参考: 总结创建项目 “vue”: “^3.2.8” “vite”: “^2.5.2” ...

项目基本目录 1.首先定义初始默认的路由routes(router.js文件),vue文件使用import引入可以按需加载 import { createRouter, createWebHashHi ...

自动引入 composition api,不需要再手动引入.github地址:https://github.com/antfu/unplugin-auto-import 下载 npm i unplug ...

目录前言: 具体步骤: 前言: 在vue3+vite创建的项目中使用vuex,要注意的是vite有部分写法和之前的webpack是不同的,比如,他不支持 require,想把vue2的项目直接升级到 ...

目录 1.设置.env中的内容信息注意vue3+vite 必须使用VITE开头的配置信息否则无法获取 2.在 vite 中使用环境变量,可以用 import.meta.env,有四种环境变量,如下 ...

在vite中使用mockjs进行模拟数据,需要借助新的依赖进行使用一.安装mockjs yarn add mockjs -S 或 npm i mockjs -D 二.安装vite-plugin-mo ...

目录前言技术栈开始构建 1. 初始化项目 2. 代码校验 3.代码格式化 4.配置路由 5.配置状态管理器 6.element-plus 7.封装axios 8.mockjs 9.css预处理 ...

目录问题描述原因分析解决方案总结问题描述近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件按照上述配置好后,运行vite ...

目录如何兼容ios11 如何兼容安卓7 如何使用@vitejs/plugin-legacy 补充知识:vue打包项目以后白屏和图片加载不出来问题解决方法总结 vue3打包后在低版本浏览器或webv ...

目录一.Vue API自动导入 1.1 配置unplugin-auto-import 1.2 可能遇到ts,eslint不识别而导入报错的问题 1.3 配置src/component目录下的组件自动 ...