在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。Vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析…

很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 本文假定你对 Vue…

昨天闲来无事，便从网上搜集了一下使用vue的生产环境的项目，我先声明我不是vue、react、angular等框架的粉丝阵营，只是我们自己用vue做了一个项目，做完以后想找一些参考，看看大家是怎么实现的，所以才搜集了一下关于vue的生产项目，也希望大家把自己的vue或者发现比较…

vue-i18n源码分析 前端工程师进阶干货

写在前面： 本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后，又一篇关于vue-cli脚手架配置相关的文章，因为有些文章步骤不够清晰，当时我引入JQuery、bootstrap的时候颇费了一番功夫，所以本文的步骤会尽量详细一点。有需要的朋友可以做一下参考，喜…

之前介绍了一款基于vue的文本折行显示组件ellipisis-plus，今天介绍一款仿照QQ消息气泡的插件vue-bubble，演示地址在这里。 仿照QQ消息气泡想法的起源是来自掘金的安卓小伙伴们，看到他们在安卓平台实现了这种效果，所以想迁移到web上。在这里要感谢他们。 先放张…

我们先来看看 官方文档中keep-alive 的用法。 max: 最多可以缓存多少组件实例。(2.5.0 新增, 一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉) keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁他们。…

在讨论区有许多类似的问题： “vue-cli当中如何配置sass？” “vue-cli中如何修改devServer的端口？” “vue-cli中发现项目跑不起来” …… vue-cli说：“这锅我不背。”

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组件那一章。…