黑馬前端學(xué)習(xí)筆記(從vue2.0到vue3.0)第五天P74-P94
P74什么是計算屬性

在data平級下 寫一個 computed {
寫一個方法 aa? 寫一個return?
直接用差值表達(dá)式調(diào)用? ?
}
提升代碼復(fù)用
只要計算屬性中依賴的數(shù)據(jù)源發(fā)生改變,則計算屬性會自動重新求值!
P76 axios發(fā)出請求
基礎(chǔ)語法
首先導(dǎo)入axios.js包
在<script></script> 中
axios({
method:‘GET’? 請求方式
url :''? 請求地址
})
處理接收函數(shù)有兩種方法?
一種是將axios 復(fù)制給一個對象
const xx = axios({})
xx.then({function(值)
值.data 是接口傳輸?shù)臄?shù)據(jù)
})
第二種直接在 axios({}).then(? ?
{function(值)
值.data 是接口傳輸?shù)臄?shù)據(jù)
})
axios請求成功后 會套一層殼

P76 axios發(fā)出請求如何傳參
axios 發(fā)起GET請求?
在基礎(chǔ)語法加上
params:{
寫條件
}

axios 發(fā)起POST請求?
在基礎(chǔ)語法加上
data:{
寫條件
}
P78解構(gòu)賦值
如何簡寫 then方法??!

寫 await 對象數(shù)值會被賦值? 如不寫賦值為對象的屬性
因?yàn)閍xios 外層還有一套殼 所以可以寫成

就直接可以取到 data的值?
??
get請求

{data:res}意思為解構(gòu)出來重新命名
P79 基于axios 的簡化用法?
axios.get('URL地址',{
params:{}
})?
axios.post('URL地址',{直接寫對象屬性即可})
P80? vue-cli

安裝命令
npm i -g @vue/cli
快速生成工程化的vue項目
vue create 項目的名稱
有可能出現(xiàn)下方提示

看不懂直接Y 回車 就出現(xiàn)和老師一樣的場景了


跟著老師一步步來 沒有問題

P85項目運(yùn)行流程

main.js內(nèi)容

P87 組件
script寫法

擴(kuò)展

P89 組件啟用less

P91組件之間的父子關(guān)系

在這里實(shí)在是不行了 需要下載黑馬的教材
【全套教程下載】
下載地址:https://pan.baidu.com/s/1HRGHk0N1rFo46TCBI9p2xQ
提取碼:1234
直接光下載教材就可以 視頻 在線看?
使用組件的三個步驟?

components :注冊組件中(私有組件)
應(yīng)寫為? ?left:‘left’
但是他是前后值一樣 可以簡寫
P93 插件安利
"path-autocomplete.extensionOnImport": true,
? ? "path-autocomplete.pathMappings": {
? ? ? ? "@":"${folder}/src"
? ? },

p94全局組件
components 注冊的只是私有組件
如何注冊全局組件

一次注冊到處可以使用?