天天看點

vue的腳手架(2022-04-23學習筆記)

腳手架我們一般,使用最近的版本,vue的核心技術我們使用vue2比較多。

使用步驟

vue的腳手架(2022-04-23學習筆記)

不配置淘寶鏡像下載下傳速度就會比較慢。

vue的腳手架(2022-04-23學習筆記)

你需要使用vue2還是vue3呢?

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

成功建立了一個項目。

vue的腳手架(2022-04-23學習筆記)

開啟一個内置的小伺服器,我們可以看到我們的項目。

vue的腳手架(2022-04-23學習筆記)

檔案結構

git的忽略檔案。

vue的腳手架(2022-04-23學習筆記)

balel的配置檔案,可以直接使用官方寫好的就可以。

vue的腳手架(2022-04-23學習筆記)

包的說明書:

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

對項目的說明。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

main.js

執行完指令npm run serve以後,首先執行的就是main.js檔案。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

App.vue

vue的腳手架(2022-04-23學習筆記)

放靜态資源。

vue的腳手架(2022-04-23學習筆記)

元件。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

render

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

你引入了殘缺版的vue。沒有模闆解析器的vue。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

引入完整版的vue。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

vue:核心部分和模闆解析器。

模闆解析器很大的。webpack本身就能夠解析模闆,是以我們不需要vue來解析模闆。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

隻有建立vm的時候才用render建立模闆。

vue.config.js

腳手架工作的配置檔案。我們也可以修改。

vue的腳手架(2022-04-23學習筆記)

關閉文法檢查。

vue的腳手架(2022-04-23學習筆記)

總結

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

ref屬性

可以用在html标簽上,也可以用在元件标簽上。用在元件标簽時候,拿到的是元件執行個體對象。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

props配置

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

總結

vue的腳手架(2022-04-23學習筆記)

maxin混入

複用配置。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

局部引入混合。

vue的腳手架(2022-04-23學習筆記)

全局應用混合。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

插件

插件的本質就是一個對象,包含一個install的方法。

建立一個插件。

vue的腳手架(2022-04-23學習筆記)

引入插件。

vue的腳手架(2022-04-23學習筆記)
vue的腳手架(2022-04-23學習筆記)

插件可以做什麼?

vue的腳手架(2022-04-23學習筆記)

use一下插件,我們會有很多強大的方法。一直use可以用很多插件。

總結——

vue的腳手架(2022-04-23學習筆記)

scoped樣式

局部樣式。隻用于該元件的。

vue的腳手架(2022-04-23學習筆記)

可以寫css也可以寫less。安裝less-loader要注意版本。

vue的腳手架(2022-04-23學習筆記)

檢視版本的種類。

vue的腳手架(2022-04-23學習筆記)