一 vue入门demo
1 环境准备。
vscode + chrome
第一个例子。 todoList
一个基础的改变, 不再考虑页页元素如何操作,只用思考数据如何变化。
第一个例子,来个输入框 ,输入后,关联的地方值变更。
{{title}}
第二个例子,支持循环.
{{title}}
- {{todo}}
第三个例子,支持事件,输入框回车后加入todos.
{{title}}
- {{todo}}
第四个例子,todos 支持复选框
{{title}}
- {{todo.title}}
第五个例子。 计算结果值.
html 部分。
{{active}} / {{all}}
第五个例子。 全选 。(稍为有点绕)
重点是习惯这种新的套路。 关注点在数据,而不是dom 结点。