js 数组 实现 完全树_Vue.js的旅程，简单的todo实例「602」

• 对vue没有一丝了解的朋友可以看我的文章601Vue.js的旅程，初步认识Vue.js「601」。
• 这回我们做一个网上很多练习用的todo实例。
• 更多文章请关注我的头条号。

一、我们开始吧，先链接vue库，添加一个按钮和一个输入框，当然，它们都会放在一个div容器里。

二、它的项从哪里来，我们先预用列表标签ul来给它加项吧。

三、创建vue吧，让它绑定box。

四、我们试试看，把li里的东西替掉。

五、难道有十个数，我就们写十行吗，不行 ，这个得用数组，字符串数组。

六、注意了，这里就要写入v-xxx，今后对html的操作，大多用这个v-xxx，这里我们循环写出数组，所以用v-for。

七、可是数据是通过按钮添加出来的，于我们得添加一个按钮点击事件，还是用v-xxx。

八、我们试着点击按钮后，取得输入框input的值，让输入框关联一个数据变量吧。

九、新手要慢慢去适应这种写法，不难，现在我们要做的就是把input里的内容添加到数组mylist里，因为mylist已经关联ul列表了，只要mylist变了，列表自然就变。

十、每次输入添加后，还要删除掉输入框的内容，很不友好，得改改，让输入框在添加后清空。

---

 Document

添加 {{item}}