1. 前提条件 2. 路由配置 3. vuex配置 4. keep-alive包裹router-view <keep-alive :exclude="excludeComponents"><som-component></some-component></keep-alive>…

TL,DR： 如果你的组件不需要状态，那么将其转换为函数式组件可以将性能提高70%。 函数组件(不要与 Vue 的 render 函数混淆)是一个不包含状态和实例的组件。 简单的说，就是组件不支持响应式，并且不能通过 this 关键字引用自己。 没有状态或实例，你可能会好奇如何…

几周前，我写了关于 vue-router的使用和在 Vue 页面导航的文章。这是在应用程序中探索的一个基本例子。 通常，在将导航构建到应用程序中时，您会发现需要将数据从一个页面传递到另一个页面。例如，您遵循 master-detail 模式，其中您有一个数据列表，通过更深入地挖…

对于一般稍大一些的后台管理系统，往往有很多个人员需要使用，而不同的人员也对应了不同的权限系统，后端的权限校验保障了系统的安全性，而前端的权限校验则提供了优秀的交互体验。 通过以上两个方式，来将用户权限之外的内容隐藏掉。 在router.js中的meta字段中加入该路由的访问权限…

为了检验中文命名在主流框架中的支持程度, 在vuejs官方入门教程第一部分的示例代码中尽量使用了中文命名. 所有演示都在本地测试通过, 源码在这里. 下面省略了很多原教程的说明内容, 而着重于代码示例本身. 欢迎问题/批评. 打开你的浏览器的控制台 (就在这个页面打开)，并修改…

在项目开发中，前端难免遇到需要路由缓存的需求。在之前一个React项目中，查询各种资料和插件后，了解到React要配合React-router进行路由缓存，会有很多意想不到的问题。所以在React项目中，我们都避免接收到需要路由缓存的需求。 最近在开发一个vue项目中，由于v…

目前按需加载有两种方式实现。 babel-plugin-import是ant-design团队出的一个babel插件，主要用于模块的按需加载。其原理就是将直接引入的方式通过babel转化成按需引入的方式。如果css也需要按需加载，也会注入css引用代码。 babel-plugi…

本篇文章是细谈 vue 系列的第六篇。看过我这个系列文章的小伙伴都知道：文章贼长，看不下去的建议先点个赞当收藏，然后等有时间静下心来慢慢看，前端交流群：731175396。以前的文章传送门如下 用过 vue 的小伙伴肯定知道，在 vue 的开发中，component 可谓是随处…

本文章纯为学习中的经验总结，并非教程，若有疑问欢迎讨论。 之前有总结 Vue 双向绑定的实现，建议先去看看再看这篇文章，这篇文章是在其基础之上进行拓展的，所以先去瞅瞅吧，如果已经看过的话，把代码拷过来，后面要用。 之前说过，双向绑定是对某个属性进行了劫持，在其get的时候进行订…