说明：这篇文章，之前发的是尤大 6 月的 vue 的 PPT，评论区有人说不友善，我索性就只留下了几个技术文档。

其实作为一个安静的前端，只是需要一个不需要太多时间成本来快速上手 Vuejs 组件化开发

这是一个基于 Vue 全家桶开发的知乎日报 WebApp，页面样式主要参考 iOS 版知乎日报 APP

vue-router 是 Vue.js 官方的路由库，本着学习的目的，我对 vue-router 的源码进行了阅读和分析，分享出来给其他感兴趣的同学做个参考吧。

vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue 的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在 vue-router 单页面应用中，则是路径之间的切换，也就是组件的切换。

v-show为false时，通过js设置display为none;为true时，设置display:''; 这样为了让js设置的display属性失效。 v-if是通过js手动添加或删除dom元素。 所谓数据双向绑定，就是指视图层和数据层相互影响，比如input框输入数据，存储…