look：先看效果：

                                                   

• 在浏览器的地址输入localhost:8080时，页面展示的是coding和walking两个无序序列，接着在输入框输入任何字符再敲enter回车键时，列表中又增加了一列，但是只要一刷新页面，页面还是恢复到最初打开时的情景，只有两列数据（此数据为写死在页面上的）。

这样的简单效果是怎么实现的呢？

1.使用命令行，新建一个基于vue-cli的项目（创建项目的方法在前面有介绍，不重复了）；

2.新建好的项目结构：

                                                                 

而想要达到上面的效果，只需要修改src/App.vue

源码地址：