iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
0
Modern Web

少年學Vue,如隙中窺月系列 第 22

[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}
})

上一篇
[Day21] jsES6語法-字串模板 Template String
下一篇
[Day23] jsES6語法-常用陣列方法(上)
系列文
少年學Vue,如隙中窺月30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言