在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel…

Vuejs渡劫系列的第三篇文章，主要通过vue-cli构建容器，并应用vue-router实现前端路由控制，应用vuex实现状态管理，以及通过axios的拦截器进行页面访问的权限控制，读者在阅读后，可以完成一个常规的后台管理应用模型。

曾经在工作上对 vue 路由权限管理这方面有过研究，这几天又看到了几篇相关的文章，再加上昨天电面中又再一次提及到，就索性整理了一下自己的一些看法，希望对大家有帮助。 大体上实现的思路很简单，先上图： 无非是将路由配置按用户类型分割为 用户路由 和 基本路由，不同的用户类型可能存…

MVC即为Model + View + Controller的一种软件架构。View为前端视图，和用户直接打交道的；Model是数据模型，可以理解为数据库持久化存储；Controller即为连接Model和View之间的业务逻辑控制器。 当用户在View视图页面修改了数据，通过…

项目迭代，要重构出一个可供用户操作的，可自由选择模板，可定制内容的页面。相当于这个单页面上最终展示的所有内容，都是由用户自己去定制完成的。 细想之后觉得使用 Vue 来做比较合适，因为页面上大部分操作都可理解为是对总体数据的再排序编辑。下边是记录的开发过程中一些相对关键的问题。…

最近重构了我之前项目 qq 音乐移动端，使用的技术是 vue，vuex，vue-router，和 typescript，在这期间，遇到的问题还是蛮多的，一会儿我会把我遇到的问题以及解决方法列出来，避免忘记。 重构完成的项目 ===> vue-qq-music TypeScrip…

那么如何达到这样的效果呢，我们可以分几步来循序渐进地完成。 业务组件的颗粒度最大可以为一个feature，一个feature就是一个可以独立上线特性，例如文章的评论点赞功能。我们可以想象有一个开关，打开就有这个feature，关闭就没有，且不会造成联动的影响。 Vue的组件基本…

首先这里的子组件tree-item没有在页面上有引入，但是也可以正常使用。这里就是关健点，因为这个子组件是需要递归实现，所以，需要动态注册到当前组件中。代码如下（由于代码太多，先贴图说明吧，点击这里可以看源码）： 这里子组件看起来是不是挺奇怪的，但是为了递归他本身，暂时也只想到…

支持开发期组件的热重载。 客户端激活， Vue 在浏览器端接管由服务端发送的静态 HTML，使其变为由 Vue 管理的动态 DOM，为确保混合成功，客户端与服务器端需要共享同一套数据。在服务端，可以在渲染之前获取数据，填充到 stroe 里，这样，在客户端挂载到 DOM 之前，…