hsiaofang / CMS

Vue3+TypeScript with Element UI
0 stars 0 forks source link

Vue3-Composition API #1

Open hsiaofang opened 11 months ago

hsiaofang commented 11 months ago

組合式API,一系列的API集合,使我們可以使用函數而不是聲明選項的方式書寫組件 響應式API ( ref ) 生命週期鉤子 ( onMounted ) 依賴注入 ( provide,injected ) setup(props, context) prop響應式數據,不可修改也不能解構 context是一個對象(屬性attrs,emit,expose,slots)

hsiaofang commented 11 months ago

JavaScript 開發中有用的工具之一 : TypeScript,因瀏覽器和Node.js只能理解和執行JS代碼,必須經過編譯,使用tsc工具將TS代碼轉換成JS代碼,上菜 原始資料型別 布林值

數值

字串 function doSomething(): string { return "Hello, TypeScript!"; } const result: string = doSomething(); // 存儲函數的返回值

空值 JS 沒有空值(Void)的概念,在 TS 中,可以用 void 表示沒有任何返回值的函式: function doSomething(): void { // 不返回任何值 console.log("Doing something..."); } const result: void = doSomething(); // 合法,但 result 的值將是 undefined

Null 和 Undefined let variable; // 未分配值,變量的值為undefined function foo() {} // 函數沒有返回值,返回值為 undefined

let value = null; // 變量被明確賦值為null