分类:

前端

简明 Vue.js 教程(5)

by 豆子

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

1 个评论 0 次阅读

简明 Vue.js 教程(4)

by 豆子

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

0 个评论 0 次阅读

简明 Vue.js 教程(3)

by 豆子

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

0 个评论 0 次阅读

简明 Vue.js 教程(2)

by 豆子

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

0 个评论 0 次阅读

简明 Vue.js 教程(1)

by 豆子

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

1 个评论 3 次阅读

关于我

devbean

devbean

豆子,生于山东,定居南京。毕业于山东大学软件工程专业。软件工程师,主要关注于 Qt、Angular 等界面技术。

主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2