VUE

前言 接触Vue不知不觉已经有很长一段时间了，对于生命周期函数也有了更加深刻的理解，对于在什么时候用在什么地方用如何使用也有了一定的理解，这里就和大家分享一下自己对生命周期的理解。 什么是生命周期？

Vue性能优化的必要性： Vue框架通过双向数据绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，其本身的性能已经非常强大了，但是在一个Vue项目中还是有一定的优化空间的，性能优化

数据共享 在日常开发会经常碰到组件之间数据传输的问题，一般情况最常用的就是这两种关系的数据传输关系： 两种传输方式采用不同的方法，下面就进行详细分析一下。 父子传值 父组件向子组件共享数据需要使用自定

Vue性能优化的必要性： Vue项目优化工具 webpack-bundle-analyzer 官网地址：https://github.com/webpack-contrib/webpack-bundl

前言 接触Vue不知不觉已经有很长一段时间了，对于生命周期函数也有了更加深刻的理解，对于在什么时候用在什么地方用如何使用也有了一定的理解，这里就和大家分享一下自己对生命周期的理解。 什么是生命周期？

项目场景： 项目场景：我目前有一个列表，功能可以筛选时间以及渠道，筛选出来的数据包含订单号字段，渲染在列表中，我需要把所有的订单号，根据时间渠道筛选后，把筛选后的所有订单号导出只Excel中。 这个功

项目场景： 我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。

当我们切换页面时需要拿到路由的变化，这个时候就要通过监听器去监听路由的变化并做出对应操作 注意这里的对象是route,route与router使用是不同的

今天在做的时候需要用到字符串换行，在网上找了一下，换行是通过添加white-space: pre-wrap属性，通过\n进行换行 在这里记录一下 使用的时候直接\n就可以换行了

前言 因为模糊搜索的下拉框使用频繁并且代码的冗余量很大，在网上找了一下没找到什么合适的方法，所以需要自己进行封装 主要封装的功能有： 下拉列表 模糊搜索 首次点击则会出现所有选项 加载提示 效果 一、

节流器：在一定时间内频繁的触发函数只会执行一次 应用场景：我这里有一个图表需要在窗口改变大小的时候重绘图表的大小，但是窗口改变大小的事件过于频繁，需要增加一个节流器来进行处理，最终需要实现图表的自适应

vue+router的404页面的制作，当访问地址路由不存在或者无权限访问该页面时则访问或跳转至404页面

前言 这个项目是拿来练手的项目，基于VUE+Element UI，并没有做后端，所以用的是纯前端的解决方案（有更好的办法欢迎提出），主要实现的是对列表数据的查询，筛选，修改这些常用功能。 代码实现 `

基于vue+element的文件上传，支持通过点击或者拖拽上传文件，可支持多个文件同时处理，可以看到上传进度。

项目场景： 项目场景：需要频繁使用列表进行呈现数据，不可能每次都写一个表格，可以将表格封装为一个组件，在需要使用时可以直接调用。

@TOC 效果 面包屑用于显示当前页面的路径，快速返回之前的任意页面。 一、路由配置 这里使用了router的meta属性，为其设置名为title的属性，用来当作面包屑的展示名称，当然，也可以直接使用

## 介绍： Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 1、安装Element ui ```powershell npm i