一、下載vue.js?
https://cn.vuejs.org/ 學(xué)習(xí)-》教程-》安裝 開發(fā)版本
二、路徑
將vue.js放置在D:\phpStudy\WWW\bike\public\static\index\style 下面，admin模塊中建立的config定義的__PUBLIC__指向http://127.0.0.1/bike/public/static/admin/??
三睹栖、頁面引入
四敛瓷、創(chuàng)建一個(gè)vue實(shí)例颜懊，來使用vue
五河哑、控制器assign過來的值調(diào)用：
六避诽、掛載點(diǎn)與模板
七、v-text與v-html用法（數(shù)據(jù)）
v-html會(huì)解析內(nèi)容中的<h1>等標(biāo)簽? 而v-text則不會(huì)
八璃谨、v-on：click 點(diǎn)擊事件 (v-on:可簡(jiǎn)寫為@ 如：@click)
點(diǎn)擊后彈窗：
點(diǎn)擊后更換content變量茎用，頁面自動(dòng)跟著變化：
九、屬性v-bind:tiltle(可簡(jiǎn)寫為? ?:title)
當(dāng)鼠標(biāo)放在hello world上時(shí)會(huì)顯示 屬性：
十睬罗、雙向數(shù)據(jù)綁定 v-model=“content”
十一、計(jì)算屬性 computed：{}
用于對(duì)數(shù)據(jù)進(jìn)行處理旭斥，返回一個(gè)新數(shù)據(jù)容达，在兩個(gè)輸入框中的數(shù)據(jù)沒發(fā)生改變時(shí)，函數(shù)會(huì)使用緩存值垂券，只有當(dāng)數(shù)據(jù)發(fā)生改變的時(shí)候才會(huì)重新計(jì)算
十二花盐、偵聽器 watch：{}
監(jiān)聽某個(gè)數(shù)據(jù)的變化羡滑，一旦數(shù)據(jù)發(fā)生變化就去做相應(yīng)的業(yè)務(wù)邏輯?
十三、v-if 與 v-show?
區(qū)別：v-show是使用的display進(jìn)行隱藏算芯，而v-if是創(chuàng)建與銷毀柒昏，當(dāng)用于隱藏或顯示時(shí)v-show性能好一些，而v-if需要頻繁創(chuàng)建熙揍，如果是用于只有一次判斷的話使用v-if是更好的選擇职祷。
十四、v-for 循環(huán)
十五届囚、todoList的實(shí)現(xiàn)
十六有梆、組件的拆分
列表組件拆分后，通過在各處調(diào)用這個(gè)組件意系，傳遞數(shù)值即可實(shí)現(xiàn)列表
十七泥耀、組件與實(shí)例的關(guān)系
每一個(gè)組件就是一個(gè)vue的實(shí)例，在組件中可以定義methods方法并且調(diào)用
實(shí)現(xiàn)刪除以及組件之間的通信：
十八蛔添、vue-cli的安裝
首先安裝npm痰催，npm是node.js的一部分，所以直接安裝node迎瞧，在node官網(wǎng)點(diǎn)擊下載：
cmd命令下輸入：node --version? 查看是否有版本號(hào)即代表安裝成功
cmd命令下輸入：npm install -g @vue/cli? 安裝全局vue-cli
cmd命令下輸入：vue create hello-world 創(chuàng)建一個(gè)新項(xiàng)目
打開創(chuàng)建好的項(xiàng)目文件夾查看
