摘要：为了提升代码的逼格，之后代码改为Vue文件组件，之前代码虽然读起来容易理解，而且适合在小的项目中使用，但是有如下缺点： 全局定义(Global definitions) 强制要求每个 component 中的命名不得重复 字符串模板(String templates) 缺乏语法高亮，在 HTML 有 阅读全文
OOP in Javascript
2017-08-06 14:14 by JerremyZhang, 892 阅读, 2 推荐, 收藏, 编辑
摘要：写了几篇Vue入门的内容了，今天写点其它的放松一下，简单讲讲javascript中的面相对象。 在面向对象的语言中，都有类的概念，当然es6中开始javascript中也有类的概念了，这里以es5为基础开始讲解，毕竟当前即使写的es6代码，一般还是会通过babel等转码器翻译到es5来执行的； 在j 阅读全文
一步一步学习Vue（十一）
2017-08-03 23:02 by JerremyZhang, 1990 阅读, 6 推荐, 收藏, 编辑
摘要：本篇继续学习vuex，还是以实例为主；我们以一步一步学Vue（四）中讲述的例子为基础，对其改造，基于vuex重构一遍，这是原始的代码： todolist.js ; (function () { var list = []; var Todo = (function () { var id = 1; 阅读全文
一步一步学习Vue（十）
2017-08-01 22:49 by JerremyZhang, 2049 阅读, 5 推荐, 收藏, 编辑
摘要：本篇说一下组件通信的问题，父子组件通信，前面的博客中已有说明，vue也推荐props in，event out；兄弟节点通信如何做呢？官方其实也给出了实现方式，我们以下面的场景来实现一下： 上图中，实现如下功能：搜索表单组件中，包含各种搜索条件，当点击搜索按钮时，加载数据到列表组件中渲染。 这里会给 阅读全文
一步一步学Vue（九）
2017-07-30 22:58 by JerremyZhang, 2381 阅读, 4 推荐, 收藏, 编辑
摘要：接上篇，这次是真的接上篇，针对上篇未完成的部分，增加鉴权功能，开始之前，我们先要介绍一个新的知识，路由元数据。 在vue-router中，定义元数据的方式： 那么如何访问这个 meta 字段呢？ 首先，我们把routes 配置中的每个路由对象叫做路由记录。路由记录可以是嵌套的，因此，当一个路由匹配成 阅读全文
一步一步学Vue（八）
2017-07-28 23:24 by JerremyZhang, 1902 阅读, 3 推荐, 收藏, 编辑
摘要：本篇完成如下场景： 1、系统包含首页、客户信息查询、登录三个模块 2、默认进入系统首页，如果要进行用户查询，则需要进行登录授权 3、查询用户后点击列表项，则进入详情页面 基于上述场景需求描述，在客户端我们考虑，需要设计如下组件：Home组件、客户列表组件、客户详情组件、登录组件 在服务器端考虑需要： 阅读全文
一步一步学Vue（七）
2017-07-26 23:56 by JerremyZhang, 1876 阅读, 3 推荐, 收藏, 编辑
摘要：前言：我以后在文章最后再也不说我下篇博文要写什么，之前说的大家也可以忽略，如果你不忽略，会失望的😄，不过说出去的话还是要表示一下的，简单介绍一下路由钩子： 正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由 阅读全文
一步一步学Vue（六）
2017-07-25 23:14 by JerremyZhang, 2068 阅读, 4 推荐, 收藏, 编辑
摘要：本篇继续介绍vue-router，我们需要要完成这样个demo：《分页显示文章列表》；这里我们以博客园首页列表为例简化处理： 按照上图框选所示，简单分为蓝色部分文章组件（ArticleItemComponent），橙色框选部分列表组件（ArticleListComponent）；分页部分我们就简单通 阅读全文
一步一步学Vue（五）
2017-07-24 23:30 by JerremyZhang, 2665 阅读, 5 推荐, 收藏, 编辑
摘要：本篇是是vue路由的开篇，会以一个简单的demo对vue-router进行一个介绍，主要覆盖以下几个常用场景： 1、路由跳转 2、嵌套路由 3、路由参数 1、Vue-Router 一般来说，路由定义就是定义地址访问规则，然后由路由引擎根据这些定义的规则去查找对应的页面，并转发请求给页面进行处理；对于 阅读全文
一步一步学Vue(四)
2017-07-22 22:12 by JerremyZhang, 2857 阅读, 2 推荐, 收藏, 编辑
摘要：接上篇。上篇中给出了代码框架，没有具体实现，这一篇会对上篇定义的几个组件进行分别介绍和完善： 1、TodoContainer组件 TodoContainer组件，用来组织其它组件，这是react中推荐的方式，也是redux中高阶组件一般就是用来包装成容器组件用的，比如redux中的connect函数 阅读全文