Vue.js（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。 相比Angular.js来说，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项…

开始使用 Vuex，把状态拿到应用外部管理，Vuex管这个管理状态的玩意叫 Store，一个完全独立的应用，他只负责状态管理。尝试把 Vuex 应用和 Vue 应用划清界限， 所谓状态管理，无非就是定义状态，修改状态。 在 Vuex 里定义状态，我们需要 new 一个 Stor…

2018年12月7日，我在B站注册了会员，当天下午发布了第一次个视频，从这一天开始我正式成为了Up主。同时我也开启了我的前端自学之路。 之后，我保持着每两到三天发布一套视频的更新频率，也是希望通过这种公开自己学习过程的方式来督促自己不断学习。 到发文的这一刻，正好过去40天。回…

beforeunload事件会在页面卸载之前执。如刷新，返回到其他页面，关闭等操作都会触发这个事件

随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

vuex 渐进式教程，从入门级带你慢慢深入使用vuex。 获取store中state的值。如： 想想一下当项目比较大的时候数据繁琐，如果按照上述方法使用vuex,当你打开main.js你看的到场景是比较混乱的，各种数据繁杂在一起，不便于日后的维护。请看下一步： 2.2. 在sr…

进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。 登录：当用户填写…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 很简单的道理，你总不能什么时候都使用Vuex吧。 我已经用vue+vuex进行起码四五个项目的编写和上线了。以下是我一些个…