vue2实战指南【目录】

本专栏简介：

本专栏将涵盖 Vue2 的核心概念、组件化开发、路由和状态管理等重要主题。博主分享实用的技巧和最佳实践，帮助你更好地理解和运用 Vue2 进行项目开发。无论你是初学者还是有经验的开发者，都能在这里找到有价值的内容。博主提供详细的教程、代码示例和案例分析，帮助你提升 Vue2 技能，解锁更多前端开发的可能性。

目录分类

• • 开发配置
  • 基础知识
  • 数据转换
  • 数据加载
  • 数据导入导出
  • 数据通讯
  • 样式处理
  • vue路由
  • vuex状态管理
  • vue性能安全
  • 常用插件

开发配置

1. Vue2 + vite 开发环境的搭建（含源文件包，运行即可）
2. vite – require is not defined （问题解决，亲测好用）
3. vue重新发布，软件热更新方面的一点经验示例
4. 跨域，vue端和 Nignx反向代理的配置详细解析
5. vue项目webpack打包后查看各个文件大小
6. vue项目webpack打包，大文件分成几个小文件的方法

基础知识

1. vue的8大生命周期
2. vue中watch和computed的不同
3. vue常用9个事件修饰符
4. v-if 和 v-show 的差异及最优使用场景
5. v-if 和v-for的联合使用规则
6. v-for循环示例（普通数组、对象数组、对象、数字）
7. vue自定义指令 directive
8. vue开发插件、使用插件
9. 一个简单的vue插件示例

数据转换

1. vue中通过map修改一维数组，增加一些变量，成为新一维数组
2. vue中将一维对象数组转换为二维对象数组
3. vue中将一维对象数组转换为三维对象数组
4. vue中一维数组的全选、全不选、反选
5. vue中实现二维数组的全选、全不选、反选、部分全选
6. vue中一维数组与三维数组联动，类似购物车增减
7. vue中将一维对象数组转换为三维对象数组
8. vue中实现二维数组的全选、全不选、反选、部分全选
9. vue中过滤器filters的使用方法
10. vue-i18n安装配置，模版文本、组件方法、js，f方法里的使用方法
11. tree结构数据变成扁平化table结构数据
12. 将普通json 处理为 el-tree 树形结构
13. vue中过滤器filters的使用方法
14. vue-i18n安装配置，模版文本、组件、js，f方法里的使用方法
15. vue中使用md5进行数据加密示例
16. vue使用object.defineProperty来更新数据
17. vue中数组套数组，点按钮修改内部数组中的对象值，更换显隐状态
18. vue中el-table删除当前行的代码示例

数据加载

1. vue中使用 Ajax来读取来自XML文件的信息
2. vue中使用fetch读取本地txt文件
3. 解决vue中不能加载.geojson的问题
4. vue中引用json数据的方法
5. vue中安装使用Mock来模拟数据
6. vue组件引用外部js的方法
7. vue组件方法中加载匿名函数
8. vue 引入jquery的方法和配置
9. vue通过axios调用json地址数据的方法

数据导入导出

1. 手写函数，vue实现文字复制功能
2. vue中el-upload不显示上传的文件列表
3. vue中el-upload 组件添加token的方法
4. vue上传解析excel文件，列表中输出内容
5. vue读取本地上传JSON文件，导出JSON文件方法
6. vue导出页面生成pdf文件
7. vue导出word文档

数据通讯

1. vue中provide、inject的使用方法
2. vue中EventBus的使用方法
3. vue子组件向父组件传递多个参数，父组件2种解析方法
4. vue父子组件中传递方法控制：$emit,$refs,$parent,$children
5. vue子组件向父组件传递多个参数，父组件2种解析方法

样式处理

1. vue中三元运算， style、class、type、 event等多种场景示例
2. vue项目中 radio和checkbox美化方法
3. vue中解决el-date-picker更改样式不生效问题
4. vue中watch监听页面变化 动态设置iframe元素的高度
5. vue中自定义el-table 表头和单元格的样式
6. 动态添加ref，通过ref更改css
7. vue中el-table 隐藏表头的两种方法
8. vue中修改el-select选中颜色不生效的办法
9. el-date-picker指定日期禁用设置示例
10. vue安装使用less，解决与webpack的冲突

vue路由

1. vue刷新跳转当前页面
2. vue路由传递参数的几种方式详解
3. vue三种路由守卫详解
4. 深入了解 Vue 前置导航

vuex状态管理

1. vue中mapState应用场景及代码示例
2. vuex中mutations详解，与actions的区别
3. vuex中Actions详解，代码示例
4. Vuex的模块 module详解

vue性能安全

1. 警惕！Vue 代码的 14 个易受攻击点
2. vue代码安全，10项防范措施
3. vue打包优化，webpack的8大配置方案
4. vue首屏优化，12个提速建议

常用插件

1. vue中markdown编辑器mavon-editor的应用示例
2. 利用vue-video-player播放m3u8应用示例