前端

前面我们已经完成了 todo 的几个状态。下面我们开始针对这些状态添加一些便捷操作。这也是 todomvc 应用规范所要求的。 在输入框左边有一个箭头，这是一个 checkbox。当点击这个箭头时，所有 todo 都应该设置为完成状态；再次点击则将所有 todo 恢复为未完成状态。需要注意的是，这个 checkbox 的选择与下面 todo 的操作息息相关：当一个个将所有 todo 手动完成后，该 ...

下面我们继续实现 todomvc。按照 todomvc 应用规范，一个 todo 项目有三种交互方式：完成、编辑和删除。 “完成”显然要求我们记录下每一个 todo 的状态。按照我们目前的实现，每一个 todo 只是一个字符串，没有办法记录其状态。所以我们必须修改模型的数据结构，将 todo 存储为一个对象。我们为每一个 todo 对象添加一个 label 属性、一个 completed 属性。前 ...

前面我们已经了解了有关 Vue.js 的基础知识，本章我们开始创建一个经典的 todo 程序。我们选择 todomvc 作为页面模板。虽然 Vue.js 官方已经提供了类似的示例，但是现在，我们自己在 todomvc 模板基础上，自己使用 Vue.js 实现相关功能。 todomvc 原始模板可以在 github 下载；具体实现要求则可以在这里找到。首先我们使用 git clone 下来模板。to ...

上一章我们已经使用 Vue.js 实现了简单的功能。现在再回过头来看看我们所写的代码究竟代表了什么。让我们回到第一个例子： 前面已经提到，使用 jQuery 手工操作 DOM 时，我们需要告诉页面，应该如何组织各个组件，这样的代码是命令式的，通常会有很大的重复。Vue.js 的核心则是一个数据绑定系统，允许数据与 DOM 保持同步。Vue.js 使用数据驱动视图的概念。类似于 Flex，可以让我们 ...

Vue.js 是一个用于构建交互式 Web 界面的 JavaScript 开发库，通过简洁的 API 提供高效的数据绑定机制和灵活的组件系统。类似于 AngularJS 等优秀前端框架，Vue.js 提供了 MVVM 数据绑定以及一个可组合的组件系统。从技术上讲，Vue.js 着眼于在 MVVM 模式中的视图模型层（VM），通过双向数据绑定连接视图和模型，实际的 DOM 操作和输出格式被抽象为指令 ...