Vuex 允许我们在 store 中定义“getter”（可以认为是store的计算属性）。就像计算属性一样，getter的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。说白了就是vue的computed,如果你了解computed的话,那你可以像…

1.VueX状态管理机制指的是建立一个“仓库”，所有组件再互不影响的情况下拿到“仓库”的值。 此时便能拿到。但这种方法不提倡，具体见下文mapGetters的使用 4） mutations：同步对state中的数据进行操作。 5） actions：异步对state中的数据进行操…

但是有时候我们希望，在我们输入完光标离开才更新视图,相当于在onchange事件触发更新。 如果你先输入数字，那它就会限制你输入的只能是数字。 一键阻止事件冒泡，相当于调用了event.stopPropagation()方法。 用于阻止事件的默认行为，例如，当点击提交按钮时阻止…

前段时间阅读了饿了么的 PWA 升级实践一文，受益匪浅。其中构建时使用 Vue 预渲染骨架屏一节，为开发者提供了减少白屏时间，提升用户感知体验的新思路。本文将借鉴这一思路，尝试为 Vue 项目添加骨架屏。 著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。

在之前「为vue项目添加骨架屏」一文中，介绍了骨架屏的概念以及在 Vue 项目中的应用。本文将介绍如何加快浏览器对骨架屏的渲染。

在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题，越来越多的APP采用了“骨架屏”的方式去提升用户体验。

作为一名前端开发人员，你一定经常使用 console.log 来进行开发调试，这当然没什么问题，但你可能不知道，除了 console.log ，浏览器的 Console 对象还包含了许多其他非常有用的方法，让我们一起来领略一下吧。 console.log方法使我们最常使用的了，…

1. 作用 2. 安装 3. 使用Vue-cli来构建项目 Project name (baoge)： -----项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital…

我们知道在Vue中，对象和数组在某些情况下无法触发响应式数据更新。比如: 这两个API的区别是Vue.set是定义在构造函数上的，而vm.$set是定义在原型对象上的。使用方式如下: 修改数组也是同样的方法，key就是下标。 Vue.set和vm.$set指向的是同一个方法se…