1.先安裝部署下
? ? ? ?首先感謝技術(shù)胖的視頻基礎(chǔ)教程，斷斷續(xù)續(xù)看完全套視頻，有興趣的小伙伴可以去找度娘，非常適合沒(méi)接觸過(guò)的小伙伴。
? ? ? ? 學(xué)習(xí)之前需要能達(dá)到自己能簡(jiǎn)單搭一個(gè)頁(yè)面，和會(huì)js的基礎(chǔ)知識(shí)的水平，才容易理解,
需提前安裝node。
? ? ?先上官網(wǎng)下載vue.js 有開(kāi)發(fā)和生產(chǎn)版兩種，理解為一個(gè)未壓縮和一個(gè)已壓縮就行。創(chuàng)建文件夾放入js文件（assets文件夾用于放css和js文件 這個(gè)文件夾默認(rèn)不被編譯。）
全局安裝live-server（熱更新）的插件，就是能讓瀏覽器和代碼同步的插件，比較方便看效果。
記得初始化一下項(xiàng)目（npm init）
id為app的div是用來(lái)操作的容器，在下面的el中綁定好，data用于數(shù)據(jù)操作，message可自行修改，要和容器中的{{}}的名字一樣才行。
第一步完成，接下來(lái)就是個(gè)人理解的干貨了，看不懂還是去看視頻吧。
2.v-if v-else v-show
v-if和v-else 用于日常判斷。
由iss決定布爾值，v-if接收。
v-show 就是顯示隱藏的操作，和if差不多
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div v-show="isd">B</div>
3. v-for 循環(huán)渲染
簡(jiǎn)單說(shuō) item in items 的意思就是下面的{{item}}是取值于items中，輸出前需要進(jìn)行排序，就用到了computed聲明，如果不重新聲明會(huì)污染原來(lái)的數(shù)據(jù)源，這是Vue不允許的，所以你要重新聲明一個(gè)對(duì)象。由于只進(jìn)行第一位大小排序，所以需要sortNumber方法進(jìn)行差值比較。
注意：item in items的items是數(shù)據(jù)源，所以當(dāng)在后面進(jìn)行數(shù)據(jù)操作完，應(yīng)該取得的是操作完的，而不是data里面的原數(shù)據(jù)，所以item應(yīng)該改為聲明的sortItems。
接下來(lái)學(xué)習(xí)對(duì)象循環(huán)輸出
首先有個(gè)有對(duì)象的數(shù)組
接收的地方，i為序列號(hào)，由0開(kāi)始所以i+1
當(dāng)然要進(jìn)行排序，隨便網(wǎng)上找個(gè)排序的方法
然后結(jié)合處理
低版本data和聲明的名稱是可以一樣的，高級(jí)版本就不行了，那還是按新的來(lái)吧。
4.v-text和v-html
v-text作用于當(dāng)我們網(wǎng)速很慢或者javascript出錯(cuò)時(shí)，會(huì)暴露我們的{{xxx}}，如果在javascript中寫(xiě)有html標(biāo)簽，用v-text是輸出不出來(lái)的，這時(shí)候我們就需要用v-html標(biāo)簽了。雙大括號(hào)會(huì)將數(shù)據(jù)解釋為純文本，而非HTML。為了輸出真正的HTML，你就需要使用v-html 指令。 注意：在生產(chǎn)環(huán)境中動(dòng)態(tài)渲染HTML是非常危險(xiǎn)的，因?yàn)槿菀讓?dǎo)致XSS攻擊。
