主要是一些vue3新語法的使用，以及對ts的使用，基本都是一些常用邏輯，主要學習了一些元件的封裝, 以及將一些邏輯封裝成hooks。
1.axios封裝
axios.defaults.baseurl = "/api/api/"; //配置預設url// 對請求做封裝，請求的時候載入loading元件，響應的時候關閉，收集錯誤的響應資訊。
axios.interceptors.request.use((config) => );
return config;
});
axios.interceptors.response.use(
(config) => ,
(e) => = e.response.data;
store.commit("seterror", );
store.commit("setloading", false);
return promise.reject(error);
});
2.router，store的使用
import from "vue-router";import from "vuex";
const router = userouter();
const store = usestore();
3.許可權認證，可以在路由的meta裡面新增對應資訊，在route.beforeeach中新增相應的許可權認證。
const route = createrouter(,,}]})
4.setup中有兩個引數，props，context
props為父元件傳的引數，context中包含attrs、emit、slots
5.封裝一些元件，封裝前想好可能的引數，自定義部分用slot來實現，將需要自定義的部分盡量細分。
6.drowdown元件的封裝。
新建文章編輯資料
退出登陸
內部實現：dropdown中展示乙個title，以及乙個ul，ul中用slot來留給dropdown-item。
}
dropdown-item，外層用li，裡面用slot自由發揮
7.用teleport，封裝乙個最外層的loading元件
VUE3 0 TS 專案實戰 （2）基本寫法
vue3.0相容vue2.0寫法 理解為多了個setup composition api 實現功能拆分 復用 以適應大型專案 解決vue檔案在編輯同一功能時 變數和方法需寫在vue檔案的不同緯度 data methods 造成開發體驗上下反覆跳 同時解決mixin資料來源不明確性 compositi...
TS在vue2專案中的寫法
作為對照，先回憶一下js在vue2專案中的寫法 本來vue2是不支援ts的，如果要在專案中使用ts，就需要相應的外掛程式和配置，雖然用起來有點尷尬，但終究也是能用了。ts在vue2專案中，需要使用大量的修飾器，對我這樣的 懶人來說，一堆堆的修飾器，的確有點 要不是組織要求，我是絕對不會去寫這樣的 的...
vue系列之vue cli 3引入ts
vue class component 強化 vue 元件，使用 typescript 裝飾器 增強 vue 元件 vue property decorator 在 vue class component 上增強更多的結合 vue 特性的裝飾器 vuex class 基於vue class comp...