Vue2 技术分享

Vue项目打包优化 优化方案 1. 路由懒加载 2. 第三方插件按需加载 3. 插件库使用CDN加速，导入插件时使用第三方库进行使用。 index.html中引入对应版本 我这里基于Vue2项目进行引

Uni-app小程序+Vue2 Or Vue3 封装网络请求方案+思路 封装网络请求，可以提高开发效率，降低&&减少代码，当一个接口，库不在使用，更加方便后期的更改和维护，可以减少不必要的麻烦。并且更

Uni-app模板使用，Vscode开发，搭建下载模板流程 1.首先全局安装 vue-cli 2.然后创建uni-app项目 使用vue2正式版（对应HBuilderX最新正式版） 使用Vue3/Vi

第三方登录实现，qq登录示例，简单的第三方登录流程 首先在项目中的 index.html 静态文件中导入js 获取最新qq地址 login.vue 页面 Or env.d.ts 登录成功回跳到指定页面

Mock前端简单易用的自行模拟数据提高开发效率 官网 插件 Or vite.config.js文件中 创建mock文件夹，index.ts文件 推荐使用第二种方式↓ Or 学习如何生成想要的参数 请求

Vue 使用原生Js实现上拉加载的思路。 核心代码。 HTML代码 效果在离开页面时，销毁的钩子中，调用上拉加载触发的方法。 在方法中获取变量scrollTop是滚动条滚动时，距离顶部的距离, 变

Vue3 技术栈，vant，适配移动端，css全局变量，🍍持久化插件，拦截器,使用配置流程 创建项目 Vue3项目需要用到sass预处理器 所以安装sass 推荐一个包管理工具 # pnpm npm

VS code 终端调试无法使用 首先打开windows powershell 运行窗口 cmd 指令打开： 运行配置指令 选择 A 回车 然后打开Vscode 即可使用 终端调试 问题解决。

Vue 跨組件通信 父传子 子传父 生命周期使用 监听 单个监听 多个监听 深度监听 计算属性...

--- theme: smartblue --- ## element-ui 上传图片 > action 上传地址 > > list-type 圆框上传图标框 > > headers 请求头 Auth

css 样式截取图片设置边框，文字上下滚动，echarts 自适应屏幕 首先 利用css样式截取 效果是这样的 首先打开PS来测量需要截取的宽度 查看它的像素 css样式: 文字上下滚动

官網：https://echarts.apache.org/zh/index.html 打开所有实例，进行编写，最后在拿数据option到代码中使用即可。 代码块级别使用： 图表代码演示 url 在线

# Vue 组件之间，插槽使用 slot占位符 在子组件 ``` <slot name="pageTog"></slot> ``` 父组件中通过↓ ``` <my_tools> <

# 后台项目导航权限控制 然后通过commit调用mutations方法，传递这个数组。并且return这个数组。 然后方法中再把静态路由和处理完成传递过来的动态路由进行合并。 vuex中就已经完成。

Vue前端对后端数据进行分页设置的思路 分页模板 data数据 分页初始值 分页操作 分页触发的方法

Vue中路由重复点击报错解决方案 第一种方案： 第二种方案：在如有中，配置路由跳转，在router中的index.js中加上以下代码，注意加在use之前。VueRouter.prototype.pus

安装node配置环境变量，安装yarn，安装vue脚手架，vue搭建项目流程配置node环境安装淘宝镜像yarn，vue脚手架 安装Node 配置环境变量 配置完成后执行这两条npm config s

点击登录按钮执行vuex模块中的异步方法并传递参数，通过Promise请求封装 的api接口login方法，在方法中通过context上下文获取vuex中mutations的 方法setToken方法

Vue中配置开发环境变量 首先在vue项目根目录与src文件同级 配置完成后如何使用？下面利用解决跨域代码举例： 配置完成需要重启项目才会执行 执行完成，这就是通过变量作为值去使用配置同源策略一个用法

vue中响应拦截执行流程，步骤图+原理。 先看图，响应拦截流程图↓↓↓ 执行流程讲解： 代码： 返回的错误信息执行效果，给予提示方便用户访问。 成功执行 以上就是对响应拦截执行流程的整个总结。