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