Vue实现todoList完整功能

今日小结：

使用vue脚手架进行项目的搭建，对于真个页面使用组件来进行页面的拆分，练习使用父子组件的之间的传值；

vue脚手架

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统

• @vue/cli 3.x

  安装新版本的Vue CLI
  npm install -g @vue/cli
  # OR
  yarn global add @vue/cli
  
  //和之前的版本有所不同的
  npm install -g vue-cli
  
  //查看本机当前的vue版本
  vue --version
  

• 创建项目工程

  //3.x之前的命令
  vue init webpack my-project
  //3.x之后的命令 和之前一样，使用命令进行安装
  vue create hello-world
  //也可使用vue-ui 进行项目工程的安装
  vue ui
  //可对项目初始化进行可视化的选择，对插件的管理以及项目的依赖更加形象
  

• 项目目录
  

  //和之前不同的是vue-cli3生成的项目没有webpack.config.js的配置文件；
  //如果要对项目进行webpack的配置，可以在与package.json的同级目录下创建一个 vue.config.js的配置文件。
  
  

• vue.config.js

  //vue.config.js的配置在vue-cli官网中的可以配置中有详细说明；