如何将Vuex的简单TodoList例子改写为长尾词？

本文共计465个文字，预计阅读时间需要2分钟。

一个简单的Vuex应用示例，一段自己的学习笔记。TodoList就是一个简单的输入框，一个按钮，一个文本显示区域，可以逐条进行删除。

1. 在使用vue-cli生成好的HelloWorld.vue文件中直接写入代码：

一个简单的vuex应用的小例子，一段自己的学习记录。

todolist就是一个简单的输入框，一个按钮，一个文本显示区域，可以逐条进行删除。

1.在用vue-cli生成好的HelloWorld.vue文件中直接写代码，先删除所有的自带代码

<template> <div class="hello"> <input type="text"> <button>增加事项</button> <ul> <li>item</li> </ul> </div> </template>

要把`input`中的值在经过`button`点击后，显示在`li`中，`input`有`v-model`属性进行值的绑定，

让`li`的数据是一个数组。相当于在数组中push input的值。