av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 請問下面代碼中的...是擴展運算符還是操作運算符?這樣寫是什么意思?

瀏覽:106日期:2023-06-08 13:55:12

問題描述

vuex中的代碼

computed:{ ...mapState(['count']), count(){return this.$store.getters.count; }},

請問mapState前面的...是什么意思?加這個和不加這個有什么區別?已經看過擴展運算符和操作運算符的相關文檔,不過還是不太明白,求詳細點的解釋。。

問題解答

回答1:

自己寫幾個例子不就知道了…………比如:

const state = { a: 1, b: 2, c: 3};const now = { ...state, d: 4, e: 5};console.log(now);

這個語法大部分瀏覽器還不支持,所以你可以先去babel轉一下,把轉碼后的代碼直接放到控制臺運行,看看出來的是啥。這個運算符其實挺簡單的……

回答2:

... 把對象在此地展開為鍵值對。如果直接寫,有語法錯誤或者邏輯錯誤。

借用 @xiaoboost 的例子:

有 ... 運算符,點擊查看

const state = { a: 1, b: 2, c: 3};const now = { ...state, d: 4, e: 5};console.log(now);

結果是

Object { 'a': 1, 'b': 2, 'c': 3, 'd': 4, 'e': 5}

沒有 ... 運算符,點擊查看

結果是:

Object { 'd': 4, 'e': 5, 'state': Object { 'a': 1, 'b': 2, 'c': 3 }}回答3:

...mapState(['count'])加...是為了將mapState對象分割,返回分離的各項,就可與局部計算屬性(computed)混合使用了不加... mapState可是一個對象 computed也是一個對象 那就得一個一個的屬性賦值吧或者你computed對象里不打算有其他屬性,你直接computed:mapState(['count'])應該也可以

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 一级片在线视频 | 国产最好的av国产大片 | 狠狠爱综合网 | 欧美一级欧美三级在线观看 | 午夜免费网站 | 亚洲一区二区三 | 日韩欧美一区在线 | 国产视频2021 | 91极品尤物在线播放国产 | 国产1区2区3区 | 亚洲精精品 | 人人擦人人 | 91在线看| 精品国产欧美一区二区 | 亚洲欧美一区二区在线观看 | 欧美色图综合网 | 中文字幕中文字幕 | 成人av片在线观看 | 亚洲电影第三页 | 美女黄视频网站 | 国产精品成人一区二区三区吃奶 | 国户精品久久久久久久久久久不卡 | 一区二区免费在线视频 | 国产色婷婷久久99精品91 | 欧美日韩亚洲系列 | 色综合美女 | 亚洲成人一区 | 国产精品第2页 | 亚洲国产精品第一区二区 | 在线免费看黄 | 亚洲一区 中文字幕 | 狠狠操狠狠操 | 九九热精 | 久久久久亚洲 | 在线亚洲电影 | 毛片网在线观看 | 91免费在线视频 | japan25hdxxxx日本 做a的各种视频 | 国产在线视频一区 | 久久久av| av片在线免费看 |