一、安裝node
選擇自己對應(yīng)的系統(tǒng)下載鏈接
在git里面查看，或者cmd查看
由于npm在國內(nèi)較慢，建議使用cnpm($ npm install-g cnpm--registry=https://registry.npm.taobao.org)
二、安裝腳手架工具vue-cli
install -g 是全局安裝
三、初始化
$ vue init ?打包工具(webpack) ?項目名稱(vue-base)
初始化成功，會在當前E盤的vue文件夾下生成一個項目文件夾（名字就是你init時候的名字）
進入項目文件夾，install所依賴的插件（項目文件下package.json里面的依賴）
$ npm run dev ?本地8080端口監(jiān)聽
四、開始工作
把hello.vue內(nèi)容替換我們想要的內(nèi)容
一個input輸入框+一個按鈕
下面展示的li
五、思路整理
1>input里面輸入內(nèi)容，點擊添加的時候，下方列表顯示內(nèi)容
2>下方列表點擊背景置灰加刪除線代表已完成，可以來回切換
items數(shù)組有2個對象，每個對象里面有兩個屬性，一個是顯示的內(nèi)容title，一個是控制是不是完成，完成及時true,未完成就是false
然后遍歷數(shù)組，得到每一個item，就是每個對象，給給個li綁定一個class，初始都是false沒有完成，效果如下：
我們想點擊的時候變成這個樣子
那么我們就需要一個點擊事件控制
每次點擊的時候取反，最開始是沒有完成，點擊就會完成，再點擊又變未完成
效果基本完成，這些假的，我們想實現(xiàn)的是，在input框中輸入什么內(nèi)容點擊添加下方顯示什么內(nèi)容
那么我們第一清空剛剛數(shù)組里面的內(nèi)容，items是空數(shù)組，第二數(shù)據(jù)綁定，在input里面綁定數(shù)據(jù)
最好，在添加按鈕添加一個方法
用戶在input框中輸入內(nèi)容并且點擊添加按鈕的時候，我們向items數(shù)組添加內(nèi)容，this.content就是用戶輸入的內(nèi)容。
