vue-router 原理及实现
摘要：
vue-router作为Vue全家桶实现spa的重要部分主要实现以下功能: 当页面url发生变化，不刷新页面，只改变渲染的组件(通过hash，或者history api) 拆分为以下三部分 1.监听url发生变化，并将url加入响应式数据，使得其他组件会重新执行render 2.提供router-v 阅读全文
vue3封装Echarts为Vue组件
摘要：
一、创建Charts.vue组件 <template> <div class="container" ref="container"></div> </template> <script setup> import {onMounted, ref,defineProps,watch,toRefs} 阅读全文
vue项目引入NProgress
摘要：
一、安装NProgress yarn add nprogress 二、在router中引入NProgress import NProgress from 'nprogress' // progress bar import 'nprogress/nprogress.css' 三、在路由守卫中配置NP 阅读全文
Vue3+vite 按需自动引入elementUI (按照官方方法配置失败:Failed to resolve import "element-plus")
摘要：
按需自动引入elementUI 首先需要插件 unplugin-vue-components 和 unplugin-auto-import yarn add unplugin-vue-components unplugin-auto-import 根据elementUI plus 官网说明 快速开始 阅读全文
vue3-vite 设置环境变量和模式
摘要：
一、设置模式 在package.json 中设置模式 "scripts": { "dev": "vite --mode development", "build:beta": "vite build --mode beta", "build:release": "vite build --mode 阅读全文
软件开发版本号命名规范
摘要：
版本号共有5个组成部分 1.主版本号:整体架构变化或者功能模块变化较大可考虑修改 2.次版本号:局部新增功能或者有较大的功能改进可考虑修改 3.修订版本号:bug修复或者功能较小改动和补充可考虑修改 4.日期版本号:用于记录更新日期，不必须 5:希腊字母版本号: base:只有基本架构 alpha: 阅读全文
element UI cascader组件 filter-method实现大小写搜索
摘要：
前言 在使用 elementUI cascader 组件搜索功能时， 组件默认是不支持大小写模糊搜索，需要通过自定义搜索逻辑来实现 组件文档https://element.eleme.cn/#/zh-CN/component/cascader#events 步骤 1.插件中加入自定义事件 <el-c 阅读全文
VSCode编写Vue项目代码保存时自动ESlint规范化配置
摘要：
前言 Vue-admin-element 项目中已经加入了Eslint，编写时时长会报Eslint错误，一个一个修改过于麻烦，记录下Vscode的代码保存时自动ESlint规范化配置。 步骤 1.安装ESlint插件 2.添加保存自动规范化配置 文件-> 首选项->设置->打开设置(json)->加 阅读全文
Vue Cli 模拟后台数据接口
摘要：
在前端开发过程中，接口还没开发完成时可以通过配置vue.config来模拟后台数据接口，传回模拟数据协助前端开发 1.在Vue项目根目录创建文件 vue.config.js 2.添加一下配置 module.exports = { configureWebpack: { devServer: { be 阅读全文
腾讯云服务器Nginx等安装和配置
摘要：
云服务器配置的镜像为Ubuntu Server 18.04.1 64位 连接服务器之后输入命令 apt show nginx //查看nginx包 sudo apt update //查看更新 sudo apt upgrade //更新软件包 sudo apt install nginx -y // 阅读全文
