[Day22] jsES6語法-縮寫用法

如果我們宣告兩個物件 milk 和 fruits，並且要生成一個新的物件 dic 去存放這兩個物件。如果我們將 dic 裡面的物件名稱和我們設定的物件值設為一樣，此時我們可以省略掉後面的物件值，像是 dic 2 的物件宣告方式。最後 dic 和 dic2 得到的結果會是一樣的。

const milk = '牛奶';
const fruits = {
    apple:'蘋果',
    banana:'香蕉'
};
const dic = {
    fruits:fruits,
    milk:milk
}

const dic2 = {
    fruits,
    milk
}

如果之後學到 Vue router，就很常會使用到這個縮寫用法。

import Vue from 'vue'
import App from '/App'
import router from './router'

new Vue({
    el:'#app',
    router:router,//可以縮寫成 router
    template:'<App/>',
    component:{App}
})