为了提升代码的逼格，之后代码改为Vue文件组件，之前代码虽然读起来容易理解，而且适合在小的项目中使用，但是有如下缺点： 全局定义(Global definitions) 强制要求每个 component 中的命名不得重复 字符串模板(String templates) 缺乏语法高亮 ...

　　接上篇，有同事看了我写的博客，觉得我这人不靠谱，文笔太白了，不够严肃，所以这次我一定要做一个严肃的人，写博客要有写博客的态度，第三篇开始我在考虑一个问题，会不会太着急了，要知道Vue的组件化时它的一个买点，现在还没有完全的过一遍其核心概念我就开始结合后端了，有点操之过急了，没写过这类博文 ...

接上篇。上篇中给出了代码框架，没有具体实现，这一篇会对上篇定义的几个组件进行分别介绍和完善： 1、TodoContainer组件 　　TodoContainer组件，用来组织其它组件，这是reac ...

接上篇，这次是真的接上篇，针对上篇未完成的部分，增加鉴权功能，开始之前，我们先要介绍一个新的知识，路由元数据。 在vue-router中，定义元数据的方式： 那么如何访问这个 meta 字段呢？ 首先，我们把routes 配置中的每个路由对象叫做路由记录。路由记录可以是 ...

　　接上篇，在本篇中，我们将要实现如下，功能，编辑和查询，我们当前的todolist程序，和线上其它的demo程序不同，我们会对其进行增删改查的基本操作，之后进行进一步的完善，按照常规的系统使用经验，一般我们新增和编辑都是在模态框中处理，这里我们不会去构建复杂的模态框，只用一个简单的div层来代替 ...

本篇继续介绍vue-router，我们需要要完成这样个demo：《分页显示文章列表》；这里我们以博客园首页列表为例简化处理： 按照上图框选所示，简单分为蓝色部分文章组件（ArticleItemComponent），橙色框选部分列表组件（ArticleListComponent）；分页部分 ...

　　前言：我以后在文章最后再也不说我下篇博文要写什么，之前说的大家也可以忽略，如果你不忽略，会失望的😄，不过说出去的话还是要表示一下的，简单介绍一下路由钩子： 　　正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局 ...

本篇是是vue路由的开篇，会以一个简单的demo对vue-router进行一个介绍，主要覆盖以下几个常用场景： 1、路由跳转 2、嵌套路由 3、路由参数 1、Vue-Router 　　一般来说，路由定义就是定义地址访问规则，然后由路由引擎根据这些定义的规则去查找对应的页面，并转 ...