這部分的內容不在未註冊可預覽的範圍內，所以並不會寫得太詳盡，不過參考的網站一樣不會少

縮寫

參考： Object initializer New notations in ECMAScript 2015可cmd(or ctrl)+F 關鍵字 shorthand

method 縮寫

以往原本宣告 method是這樣寫：

var o = {
  property: function (parameter) {
    statements
  }
};

我們在上面 MDN的範例中可以看到：

// Shorthand method names (ES2015)
var o = {
  property(parameter) {
    statements
  }
};

縮寫將關鍵字funciton還有冒號拿掉。
延伸參考： MDN Method definitions

箭頭函式

MDN 箭頭函式

它沒有自己的 this、arguments、super、new.target 等語法。本函式運算式適用於非方法的函式，但不能被用作建構式（constructor）。

原傳統函式：

function (param1, param2, …, paramN){ 
  statements 
} 

被改寫成：

(param1, param2, …, paramN) => { 
  statements 
}

1. 關鍵字funciton拿掉，(parameters)後加上箭頭，此形式最常使用到
2. 內容只有一行的情況下，可以拿掉大括號向上移至箭頭後方，若有參數甚至可省略小括號 (無參數則要保留)，且視為return
   只有一行

(paramOnlyOne) => 只有一行 statement

有參數，省略小括號

paramOnlyOne => 只有一行 statement

無參數，不可省略

() => 只有一行 statement

3. 請務必看到連結內說明 this不分家的內文，因為沒有自己的this，通常會往上找要小心使用
4. 在vue method裡面建議使用傳統函式，但可用上方method 縮寫

template string

參考： MDN 樣板字面值
最粗糙的說法：單引號或雙引號變成用反引號` `，橫向數字鍵1左邊那個
使用 template string可以直接使用變數，非常好用！

• 變數用錢字符號搭配大括號 ${}
• 可直接換行，不需使用 \n，如果寫入\n會被視為字串值
• html標籤可以直接撰寫
• js語法可以直接撰寫

小結

剛寫到快結束時，發現鐵人文編輯欄位游標在圖示上方停留就會跳出來，不過還是有些沒有顯示，想試其他快捷鍵，結果去按平時也很常使用的cmd(or ctrl)+W
這就像被人問「 Y-E-S怎麼唸？那 E-Y-E-S怎麼唸」一樣智商瞬間降低。請大家不要再沒存草稿的情況下跟我一樣愛踩雷哦～