vue小试-简易todolist

前言

最近突然想学习vue框架了，这周用空闲把vue的文档扫了一扫，跟以前看的感觉有了很大的不同，以前看是一脸懵的，现在由于基础的增强，看这个文档思路清晰很多，这周末亲自体验了一下，跟着视频做了一个不成型的todolists来熟悉vue的运用。

vue-cli脚手架的安装

1. 安装vue-cli之前我们要安装node.js和git
2. 最好安装cnpm淘宝镜像或者yarn,可以加速安装速度
3. 具体安装步骤见文档https://cn.vuejs.org/v2/guide/installation.html#NPM，百度资源也很多。

配置文件

建立vue-cli之后，开始分析各个文件的用途,本次学习只是用了小部分的文件，和大型项目是没办法对比的。

package.json

package.json配置所有依赖的文件，我们可以自己添加依赖， 我们可能在安装vue-cli过程中已经安装了许多依赖，例如：vue-router，可以根据需要自己添加依赖。

APP.vue

APP.vue父组件配置文件，是一个大模板，我们可以引入很多子组件进入，来渲染这个模板。

components文件

我们可以把许多子组件放入其中。有效的进行模块化。

App.vue代码片段