javascript - Adakah... dalam kod berikut pengendali penyebaran atau pengendali operasi? Apa maksudnya menulis begini?

Question

Kod dalam vuex

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

Apakah maksud... di hadapan mapState? Apakah perbezaan antara menambah ini dan tidak menambah ini? Saya telah melihat dokumentasi berkaitan pengendali penyebaran dan pengendali operasi, tetapi saya masih tidak begitu memahaminya. Saya ingin penjelasan yang lebih terperinci. .

Answer 1

Tulis sendiri beberapa contoh dan anda akan tahu...contohnya:

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

console.log(now);

Kebanyakan penyemak imbas tidak menyokong sintaks ini, jadi anda boleh pergi ke Babel untuk menukarnya dahulu, letakkan kod transkod terus ke dalam konsol dan jalankannya, dan lihat perkara yang keluar. Operator ini sebenarnya agak mudah...

Answer 2

... Kembangkan objek menjadi pasangan nilai kunci di sini. Jika anda menulisnya secara langsung, akan berlaku kesalahan tatabahasa atau kesalahan logik.

Meminjam contoh @xiaoboost:

Ada... operator, klik untuk lihat

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

console.log(now);

Hasilnya ialah

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

Tiada ... operator, klik untuk melihat

Hasilnya ialah:

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

Answer 3

...mapState(["count"])
加...是为了将mapState对象分割，返回分离的各项，就可与局部计算属性(computed)混合使用了
不加... mapState可是一个对象 computed也是一个对象 那就得一个一个的属性赋值吧
或者你computed对象里不打算有其他属性，你直接computed:mapState(["count"])Sepatutnya OK