使用vue-cli完成todolist业务

vue-cli:为单页面应用快速搭建繁杂的脚手架
main.js是整个项目的入口文件，在此处引入组件并在页面显示。
index.html是页面。
src中存放源码。
package.json中定义了script命令标签。
全局样式与局部样式：
当在页面中写

则为局部样式，否则全局内同名样式会相互影响

TodoList.vue

todoItem.vue

main.js

import Vue from 'vue'
import TodoList from './TodoList.vue'

Vue.config.productionTip = false

new Vue({
  //=> 箭头语法，定义一个方法h，return为h(TodoList)，括号里的为引入的vue实例
  //该方法声明了这个组件渲染的是TodoList的内容，接下来用$mount进行挂载
  //声明+挂载
  render: h => h(TodoList),
  //mount挂载到html的结点上，这里在index.html中声明了一个app结点
}).$mount('#app')