Vue+element实现todo（二）

UI界面还有很多待优化部分,,不过基本功能全部实现。

image.png

因为使用了element框架，先安装，使用命令 npm i element-ui -S 安装，
然后在src/main.js中引用，main.js是入口文件，主要作用是初始化vue实例并使用需要的插件

image.png

App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。

image.png

然后打开helloWorld.vue就可以编写了。
需要把数据写在data里，因为是个数组，所以

image.png

，
写好后我们写HTML结构

image.png

v-for='item in list' 这种写法，就是循环 list 列表，将列表的每一项保存到 item 变量，循环渲染 li 元素的内容
仅仅需要三行，就可以把列表显示在页面中，但是我们需要在输入框输入然后回车自动添加，醒了再写吧，感觉写博客比写代码还折磨人喔,,,早知道边写代码边写文档了，晚安~~