前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下課程中有提到 ES6 語法，以及自己開發上的一些補充。
課程相關資訊
[連結]：https://hiskio.com/courses/286/lectures/20884
本篇範圍：Chapter 3 ( JavaScript ES6 ) ，一共有 12 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
內容
1. let, const 的變數範圍為 {} 界定
2. 雖說 const 不可被修改，但因 array, object 在 JavaScript 內為 By Reference，所以你要修改其內的值是可以的，因為位置沒有改變
3. 解構賦值 const { age, name } = data 視同於 data.age, data.name
4. ES Module 的輸出引入標準，需要在 HTML 中標上 type=”module” 才可正常執行。目前主流瀏覽器皆已支援
|
1 2 3 4 5 6 7 8 9 10 11 |
// 輸出值要以 const 開頭才行 const Add = (a,b)=>{ return a + b } export const name = "Sandy" export const age = 13 export default Add // 一個 js 只能有一個 default // import 時的注意事項 import Add, { name, age } from 'a.js' // 用解構的方法來拿取， default 的可以不用 |
