一 vue入门demo


1 环境准备。
vscode + chrome

第一个例子。 todoList

一个基础的改变, 不再考虑页页元素如何操作,只用思考数据如何变化。

第一个例子,来个输入框 ,输入后,关联的地方值变更。

{{title}}

第二个例子,支持循环.

{{title}}

  • {{todo}}

第三个例子,支持事件,输入框回车后加入todos.

{{title}}

  • {{todo}}

第四个例子,todos 支持复选框

{{title}}

  • {{todo.title}}

第五个例子。 计算结果值.



html 部分。
  
{{active}} / {{all}}

第五个例子。 全选 。(稍为有点绕)

重点是习惯这种新的套路。 关注点在数据,而不是dom 结点。