前言
因為我就是主攻后端的程式員,前端感覺就是知道個大概就行,所以就是自己學著些皮毛罷了,想掌握Vue的同學們建議看其他人的文章嗷,另外比較基礎的一些東西我也寫在了本專欄的另外一篇《Vue基礎》里,有需要的可以去看看,這里只記一些我不太懂的問題,并且只是了解并非想熟悉掌握,
指令
在另一篇基礎里面好像遺漏了下面這兩個,現在添上,


組件基礎上






vite就是另一種創建Vue工程的方式,感覺目錄結構和vue-cli也差不多,感覺也可以參考一下,















注意下面的全域注冊組件是在main.js中進行的;

這個就和上面的相反,區域注冊是你想在哪個組件中被注冊使用則就在哪個組件中按如下方法進行注冊;












示例:

如外界想要傳遞一些引數資料到上面這個組件(my-artical)的話,我們就需要在script標簽中的props屬性中用陣列形式接收,
然后我們在App.vue中區域注冊使用my-artical組件:

如上,引入組件(import),然后components中注冊組件即可,
然后在里面使用my-artical組件,并傳遞兩個值:

瀏覽可以看到:



示例:




組件基礎下
props驗證






計算屬性


注意:計算屬性側重于得到一個計算的結果,因此計算屬性中必須有return回傳值!


自定義事件





組件上的v-model



組件之間的資料共享





vue3.x中全域配置axios


注意上面標紅的的那段app.config…是固定寫法,
路由
前端路由的概念與原理



結論:前端路由,指的是Hash地址與組件之間的對應關系!




但是在開發程序中我們并不需要向上面一樣寫代碼,這我們就了解一下就行了,知道有這么回事就行,在開發當中我們路由的撰寫是靠vue-router來寫的,
vue-router的基本用法


vue-router使用步驟





這個不就對應了vue-cli創建的vue專案中的router檔案夾了嗎,嘿嘿


在main.js中掛載路由,固定寫法:

vue-router的高級用法





編程式導航




導航首位






最后

vue-cli



黑馬的這個是vue2.0版本的創建方式,我覺得參考性不太大,就不放了,放其他我覺得會比較有用的東西,
組件庫







救命,就這樣叭,不是專業前端這些我感覺應該夠用了,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/309531.html
標籤:其他
上一篇:JavaScript物件
下一篇:JS基礎 -- 大復習(階段一)
