2018/5/12
第一次寫(xiě)博客??
今天準(zhǔn)備學(xué)習(xí)vue,之前看文檔自己寫(xiě)“hello vue”的時(shí)候發(fā)現(xiàn)變量沒(méi)有綁定成功??氮墨,今天仔細(xì)看了一下發(fā)現(xiàn)了問(wèn)題......下定決心記錄學(xué)習(xí)經(jīng)過(guò),以防犯二死循環(huán)~~~
1.新建html頁(yè)面桥氏,隨便寫(xiě)個(gè)div猛铅,隨便給它個(gè)id字支;
雙大括號(hào)是語(yǔ)法奸忽,表示這里面的message是綁定的變量
2.在剛剛的html頭部引入vue.js;
這里js只有vue.js是必須的
這里我遇到了幾個(gè)坑:
1)官方文檔上引入vue.js的方式是使用鏈接??...... 我想用本地的js...本地的...本地的...本地的......然后我就賤賤的把它給的地址貼到了瀏覽器地址欄欠雌,復(fù)制粘貼到本地(其實(shí)看文檔看到后面會(huì)發(fā)現(xiàn)可以直接下載源文件)疙筹,好吧,現(xiàn)在萬(wàn)事俱備~~~
2)我自己寫(xiě)了一個(gè)vue-demo.js這里面是文檔上創(chuàng)建vue對(duì)象的代碼蛙酪;
跟文檔上一毛二樣
此處翘盖,我為自己埋下了坑:在頭部引入自定義js,因?yàn)轭^部引用js 存在dom尚未創(chuàng)建就執(zhí)行了js中的綁定馍驯,導(dǎo)致綁定失敗玛痊。解決方法就是將存在綁定的操作放到$(document).ready()中狂打。
3)返回html頁(yè)面,點(diǎn)擊右上角的瀏覽器圖標(biāo)(不是IDEA用戶的沒(méi)有喲)趴乡,查看勞動(dòng)成果~~~
IDEA提供的使用瀏覽器打開(kāi)當(dāng)前html頁(yè)面的快捷按鈕
經(jīng)典對(duì)白??
好啦对省,今天ZB到這里晾捏,繼續(xù)學(xué)習(xí)~~~??