關(guān)于切換目錄的cd命令 老師講的進(jìn)入node_modules使用的cd no*
也可以使用cd no+tab鍵自動補(bǔ)全路徑
也可以使用cd no+tab鍵自動補(bǔ)全路徑
2020-02-14
index.html是根頁面。里面的id="app"定義了Vue的渲染范圍。
main.js是入口文件。加載了Vue框架、App組件(App.vue)、路由組件(route/index.js)。
App.vue組件中通過route-view使用了路由組件。
路由組件中配置了URL和其他組件的映射關(guān)系,并聽過Vue的API監(jiān)聽URL的變化。根據(jù)URL的變化,選擇對應(yīng)的組件去渲染。實(shí)現(xiàn)“頁面”跳轉(zhuǎn),也就是路由。
可能說“組件”路由 比“頁面”路由更合適。組件包含了頁面內(nèi)容、腳本、樣式。
main.js是入口文件。加載了Vue框架、App組件(App.vue)、路由組件(route/index.js)。
App.vue組件中通過route-view使用了路由組件。
路由組件中配置了URL和其他組件的映射關(guān)系,并聽過Vue的API監(jiān)聽URL的變化。根據(jù)URL的變化,選擇對應(yīng)的組件去渲染。實(shí)現(xiàn)“頁面”跳轉(zhuǎn),也就是路由。
可能說“組件”路由 比“頁面”路由更合適。組件包含了頁面內(nèi)容、腳本、樣式。
2020-02-10
一年前,我自以為自己的底層ECMAScript基礎(chǔ)很扎實(shí),很牛逼。不用再學(xué)新框架了。
有一天,一個(gè)同事離職了,丟給我一個(gè)項(xiàng)目。我發(fā)現(xiàn),我連怎么運(yùn)行那個(gè)工程都不知道。后來發(fā)現(xiàn)那是一個(gè)Node項(xiàng)目。準(zhǔn)確點(diǎn)是Vue項(xiàng)目。需要先用npm install安裝各種包。
而當(dāng)時(shí),我還在糾結(jié),這個(gè)目錄結(jié)構(gòu),入口文件,啟動加載順序,請求流程...
然后在運(yùn)行腳本。啟動。所以從那以后,我再也不敢放過任何一個(gè)簡單的知識點(diǎn)。
有一天,一個(gè)同事離職了,丟給我一個(gè)項(xiàng)目。我發(fā)現(xiàn),我連怎么運(yùn)行那個(gè)工程都不知道。后來發(fā)現(xiàn)那是一個(gè)Node項(xiàng)目。準(zhǔn)確點(diǎn)是Vue項(xiàng)目。需要先用npm install安裝各種包。
而當(dāng)時(shí),我還在糾結(jié),這個(gè)目錄結(jié)構(gòu),入口文件,啟動加載順序,請求流程...
然后在運(yùn)行腳本。啟動。所以從那以后,我再也不敢放過任何一個(gè)簡單的知識點(diǎn)。
2020-02-10
講的很有必要。導(dǎo)入項(xiàng)目,很簡單但是很重要的入門的門檻知識點(diǎn)。
2020-02-10
前端路由,基本都是利用URL的#實(shí)現(xiàn)的。#后面這部分叫做URL的hash字符串。它有兩個(gè)作用:1用于頁面內(nèi)滾動條的定位,也叫做錨。2用作路由。它的特點(diǎn)是hash字符串改變,不會導(dǎo)致瀏覽器頁面刷新,window對象還是同一個(gè)。
所以前端路由,只是監(jiān)聽URL的#部分的字符串變化,用不同的視圖需渲染。不會導(dǎo)致瀏覽器重新請求服務(wù)端。
之所以這么做,也是為了提高性能。Vue把所有的組件一次性打包發(fā)到前端。用腳本去控制渲染。
所以腳本渲染的框架都不利于SEO。但可以用SSR(服務(wù)端渲染)實(shí)現(xiàn)偽靜態(tài)化。
所以前端路由,只是監(jiān)聽URL的#部分的字符串變化,用不同的視圖需渲染。不會導(dǎo)致瀏覽器重新請求服務(wù)端。
之所以這么做,也是為了提高性能。Vue把所有的組件一次性打包發(fā)到前端。用腳本去控制渲染。
所以腳本渲染的框架都不利于SEO。但可以用SSR(服務(wù)端渲染)實(shí)現(xiàn)偽靜態(tài)化。
2020-02-10
npm install -g vue-cli如果報(bào)這個(gè)錯(cuò):
...
npm ERR! code EEXIST
npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
...
強(qiáng)制覆蓋即可:
npm install -g vue-cli --force
...
npm ERR! code EEXIST
npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
...
強(qiáng)制覆蓋即可:
npm install -g vue-cli --force
2020-02-10
使用占位圖代替咯
https://placeholder.com/
https://placeholder.com/
2020-02-10
學(xué)習(xí)Vue不需要會Node,只需要學(xué)會Node衍生出來的NPM,這是重點(diǎn)。方向問題。
2020-02-10
這位老師 講的事真的好 無微不至來形容 一些細(xì)節(jié)點(diǎn) 值得反復(fù)看
2020-02-02
學(xué)習(xí)這門課程的伙伴們,還有,IEwuIL7,大家好啊。,看到大家的留言,謝謝大家的支持和鼓勵(lì),我們也會盡全力做好課,因?yàn)槭敲嫦蛩袑W(xué)習(xí)者,面向的也是入門級,也是讓大家在學(xué)習(xí)的時(shí)候,少走彎路,不掉坑里去。所以就盡可能的把常見的一些問題,在課程里錄制出來。希望對大家的學(xué)習(xí),有所幫助。慕課網(wǎng)上,還有深入的vue的其他很多課程,分層次學(xué)習(xí),受疫情影響,現(xiàn)在很多人都是足不出戶,希望大家有空多充電,在此預(yù)祝大家,學(xué)習(xí)愉快。
2020-02-01