keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们keep-alive可以设置以下propsinclude- 字符串或正则表达式。只有名称匹配的组件会被缓存exclude- 字符串或正则表达式。任何名称匹配的组件都不会被缓存max- 数字。最多可以缓存多少组件实例关于keep-alive使用includ

在Web实际开发中，我们经常会使用 vuex 来管理数据，随着数据量的增加，我们开始使用 vuex 中的语法糖，如 mapState、mapGetters、mapMutations 和 mapActions 等辅助函数来实现快速开发。但是Vue3中使用mapState、mapGetters这些辅助函数时会有些问题产生，本篇文章主要通过对比Vue2中vuex的使用以及分析vuex的源码，最后总结出V

它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。webpack不做其他配置时，只能处理 js 资源，一旦遇到 css 等其他资源就会报错。开发时，我们会使用框架（React、Vue），ES6 模块化语法，Less/Sass 等 css 预处理器等语法进行开发。目前市面上最流量的是 Webpack，所以我们主要以 Webpack 来介绍使用打包工具。这样的

之前在使用Vue时遇到一个问题，我们知道在Vue的methods中定义函数时，要想使用到Vue实例或者组件实例的this时，我们就不能使用箭头函数定义方法，因为箭头函数中的this是在函数定义时生成的，并不是函数调用使用时生成。但是我们如果使用了箭头函数，那么其中的this指向哪里呢?我刚开始也是以为肯定是指向Window的,这仅仅是局限于用script映入vue.js时才会指向Window,但其