[筆記] HiSKIO 2020 Vue3 專業職人入門篇

章節連結

課程相關資訊

內容

系列文章

前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人的課程，來加速自己的熟悉程度。這篇會筆記下課程中有提到 ES6 語法，以及自己開發上的一些補充。

本篇範圍：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” 才可正常執行。目前主流瀏覽器皆已支援

// 輸出值要以 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 的可以不用