通過vue3 0建立乙個vuetify的專案

建立完成後，我建立的名稱是vuetify

通過       cd  vuetify到達該級目錄

輸入vue  add vuetify命令

選擇預設項即可，下圖是安裝成功的樣子

開啟的專案目錄是這樣的

使用yarn  serve 執行專案-----------------------此處需要注意，專案會開啟很慢，但是沒有報錯，在network中發現

導致專案變慢的。

解決方法就是在public下的index.html中注釋或者刪除掉link的兩行，再重啟服務就沒問題了。

就是這兩行

如果想使用vuetify自帶的字型圖示

先輸入yarn add   @mdi/font        以安裝依賴

再修改plugins下面的vuetify.js檔案，改成下面這個樣子就可以了

import '@mdi/font/css/materialdesignicons.css'

import vue from 'vue';
import vuetify from 'vuetify/lib';
vue.use(vuetify);
export default new vuetify(,
});

展示就是下圖的樣子。

vue3 0建立乙個專案

使用vue3.0建立乙個專案 使用vue ui建立 管理專案 專案結構目錄整理 初始檔案新增 基本配置 跨域配置 環境配置 下面嘗試用test preview production分別表示測試 預覽 生產三種環境 修改package.json檔案如下 scripts 在專案根目錄下新建 env.te...

vue3 0學習第一天 vue3 0的亮點

performance 效能比vue2.x快1.2 2倍 tree shaking support 按需編譯，體積比vue20x更小 compostion api 組合api better typescript support 更好的ts支援 custom renderer api 暴露了自定義渲染...

vue3 0允許乙個元件有多個根節點

vue3.0 ast 物件根節點其實是乙個虛擬節點，它並不會對映到乙個具體節點，另外它還包含了其他的一些屬性，這些屬性在後續的 ast 轉換的過程中會賦值，並在生成 階段用到。那麼，為什麼要設計乙個虛擬節點呢？因為 vue.js 3.0 和 vue.js 2.x 有乙個很大的不同 vue.js 3....