Vue的生命周期是不仅是面试必考点，理解它更能为我们在Vue项目开发带来促进作用。什么是Vue的生命周期？每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。简单理解就是Vue实例从创建到销毁的这么一个过程。如图

Tips：Vue全局（内置）API，在实例中对应使用方式this.$apiName。Vue.extend(options)使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。data选项是特例，需要注意 - 在Vue.extend()中它必须是函数。// 创建构造器var Greet = Vue.extend({template: '<p>{{firstName}

目录前言正文Vue指令的含义Vue指令的特点Vue内置指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-slotv-prev-cloakv-oncev-memov-isVue自定义指令全局自定义指令注册局部指令钩子函数钩子函数参数前言Vue指令无论是在面试中还是在工作中，都是高频知识点。因此，学会Vue指令非常有必要，本文

目录前言如何取消请求？1、CancelToken.source工厂2、CancelToken构造函数全局请求优化1、如何判断重复请求？2、如何取消重复请求？3、配置拦截器前言在项目开发过程中，我们经常会遇到重复请求的场景，如果我们不对重复的请求进行处理，则可能会导致程序出现各种问题。比如重复的 post 请求可能会导致服务端产生两笔记录。那么重复请求是如何产生的呢？这里我们举 2 个常见的场景：假

React知识中一个主要内容便是组件之间的通信，以下列举几种常用的组件通信方式，结合实例，通俗易懂，建议收藏。一、父子组件通信原理：父组件通过props（与vue中的props区分开）向子组件通信，子组件通过回调事件与父组件通信。首先，先创建一个父组件Parent.js跟子组件Children.js，二者的关系为直接父子关系。Parent.js父组件如下，给父组件一个默认状态state，引入子组件

最近在学习react，现在的工作中使用的是vue，在学习的过程中对两者进行比较，加深理解。以下是react中的一小部分知识点，我个人觉得也是比较常用的知识点，react组件通信的其中一种方式--路由传参（react组件通信的方式有多种，如props、事件回调、context、router、redux、缓存等等）。现在单页面SPA应用的比较广泛，在不刷新整个页面进行部分页面的跳转，使用路由跳转便在所

目录前言正文一、项目初始化二、引入UI框架三、引入路由 Vue-Router四、引入状态管理器 Vuex五、引入 Axios六、总结前言如今，Vue3 已成为 Vue 的默认版本。相信现在有很多人在用 Vue3 开发项目，但是很多时候没有机会从零开始搭建一个项目，毕竟只有相关负责人才有可能有机会将框架搭建出来，之后我们在此基础上进行业务迭代、模块开发。下班前几分钟，从零搭建一个 Vue3 最小原型

用法keep-alive 是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。当组件在<keep-alive>内被切换，它的activated和deactivated这两个生命周期钩子函数将会被对应执行。在 2.2.0 及其更高版

需求背景：现在需要调用多个异步请求，要求某个请求调用成功之后，接着调另外的请求，有时候需要用上一个请求得到的结果，作为下一个请求的参数或者条件，继续调用另一个请求。演示准备：安装axiosnpm install axios --save全局使用//main.jsimport axios from 'axios'Vue.prototype.$axios = axios实现一：PromisePromi

Vue Excel 文件流导出乱码快速解决方案，深入排查版。