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
相關文章:
主站蜘蛛池模板: 日韩成人 | 亚洲国产精品久久久久秋霞不卡 | 91网站在线观看视频 | 亚洲欧美日韩国产综合 | 在线观看成年人视频 | 国产丝袜一区二区三区免费视频 | 中文字幕综合 | 欧美一区视频在线 | 国产九九九 | 国产成人免费在线 | 国产极品车模吞精高潮呻吟 | 亚洲人成在线观看 | 精品国产免费人成在线观看 | 91精品久久久久久久久 | 亚洲一区二区三区免费视频 | 激情久久网 | 国产免费让你躁在线视频 | 一道本一区二区 | 日韩午夜影院 | 日韩一级黄色毛片 | 一区二区三区久久 | 欧美日韩电影一区二区 | 欧美精品日韩精品国产精品 | 日韩欧美专区 | 免费毛片www com cn | 亚洲精品在线看 | 日韩欧美一区二区三区免费观看 | 久久国产精品一区 | 日韩成人精品一区 | 亚洲视频区 | 一区精品在线观看 | 国产日韩久久久久69影院 | 大久 | 亚洲精品二区 | 超碰在线人 | 久久久亚洲成人 | 国产精品99久久久久久动医院 | 欧美一区二区三区四区五区无卡码 | 国产精品久久久久久久久免费相片 | 久久久久9999亚洲精品 | 精品亚洲一区二区三区四区五区 |