许发君博客

本来是 vue2 的项目，现在需要用 vite 来编译运行；本来也是多入口应用，诸多配置需要更改；主要需要解决两个东西：①commonjs 的转换；② 多入口的适配。

文章目录1. 文档地址2. 创建项目方式4. `setup` 的语法糖5. 获取上下文6. 自定义事件7. 使用 `JSX` 语法8. 使用 `Mock` 数据9. Router 的使用10. Vuex 的使用11. SCSS 的使用12. 集成 Element313. 配合 github 自动部署1. 文档地址Vite2文档地址2. 创建项目方式npm init @vitejs/appnpm init @vitejs/app my-vue-app -- --template vue##

如何给页面加入场和退场的动画思路：利用 vuex 将路由保存在队列中，前进的时候压入队列，后退的时候移出队列用到的技术：Vue Vuex VueRouter Van1. 监听路由的beforeEach事件// src/router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const router = new VueRouter({ mode: 'hash',

vue.config.js常用配置1. 自动提示/** * @type {import('@vue/cli-service').ProjectOptions} */module.exports = { // 选项...}2. 插件的使用例如使用 filemanager-webpack-plugin 插件，安装npm install filemanager-webpack-pluginconst path = require('path')const FileManagerPlu

vue开启https，加载本地证书1. 通过mkcert创建本地证书1.1 安装mkcert安装方式：npm包地址：https://www.npmjs.com/package/mkcert安装命令：npm install -g mkcert判断是否安装成功，输入命令：mkcert --version，如果能看到版本号，说明安装成功，可以进行下一步1.2 生成证书生成一个ca证书，mkcert create-ca，生成之后会看到一个ca.crt和ca.key文件利用刚刚生成的ca证书，