一步一步学习Vue（十一）
本篇继续学习vuex，还是以实例为主；我们以一步一步学Vue（四）中讲述的例子为基础，对其改造，基于vuex重构一遍，这是原始的代码： todolist.js View Code index.html 注意要在html页面引入vuex的路径 ...
原文：一步一步学习Vue（十）
本篇说一下组件通信的问题，父子组件通信，前面的博客中已有说明，vue也推荐props in，event out 兄弟节点通信如何做呢 官方其实也给出了实现方式，我们以下面的场景来实现一下： 上图中，实现如下功能：搜索表单组件中，包含各种搜索条件，当点击搜索按钮时，加载数据到列表组件中渲染。 这里会给出三种实现方式，不涉及合适与否，只为演示。 使用父组件进行封装，把所有操作都移到父组件中 搜索组件， ...
2017-08-01 22:49 7 1606 推荐指数：
相关推荐
一步一步学Vue(二)
接上篇，在本篇中，我们将要实现如下，功能，编辑和查询，我们当前的todolist程序，和线上其它的demo程序不同，我们会对其进行增删改查的基本操作，之后进行进一步的完善，按照常规的系统使用经验，一般我们新增和编辑都是在模态框中处理，这里我们不会去构建复杂的模态框，只用一个简单的div层来代替 ...
一步一步学Vue（六）
本篇继续介绍vue-router，我们需要要完成这样个demo：《分页显示文章列表》；这里我们以博客园首页列表为例简化处理： 按照上图框选所示，简单分为蓝色部分文章组件（ArticleItemComponent），橙色框选部分列表组件（ArticleListComponent）；分页部分 ...
一步一步学Vue（七）
前言：我以后在文章最后再也不说我下篇博文要写什么，之前说的大家也可以忽略，如果你不忽略，会失望的😄，不过说出去的话还是要表示一下的，简单介绍一下路由钩子： 正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局 ...
一步一步学Vue（十二）
为了提升代码的逼格，之后代码改为Vue文件组件，之前代码虽然读起来容易理解，而且适合在小的项目中使用，但是有如下缺点： 全局定义(Global definitions) 强制要求每个 component 中的命名不得重复 字符串模板(String templates) 缺乏语法高亮 ...
一步一步学Vue(三)
接上篇，有同事看了我写的博客，觉得我这人不靠谱，文笔太白了，不够严肃，所以这次我一定要做一个严肃的人，写博客要有写博客的态度，第三篇开始我在考虑一个问题，会不会太着急了，要知道Vue的组件化时它的一个买点，现在还没有完全的过一遍其核心概念我就开始结合后端了，有点操之过急了，没写过这类博文 ...
一步一步学Vue(四)
接上篇。上篇中给出了代码框架，没有具体实现，这一篇会对上篇定义的几个组件进行分别介绍和完善： 1、TodoContainer组件 TodoContainer组件，用来组织其它组件，这是reac ...
一步一步学Vue（九）
接上篇，这次是真的接上篇，针对上篇未完成的部分，增加鉴权功能，开始之前，我们先要介绍一个新的知识，路由元数据。 在vue-router中，定义元数据的方式： 那么如何访问这个 meta 字段呢？ 首先，我们把routes 配置中的每个路由对象叫做路由记录。路由记录可以是 ...