javascript - Est-ce que... dans le code suivant, il s'agit d'un opérateur de propagation ou d'un opérateur d'opération ? Qu’est-ce que cela signifie d’écrire ainsi ?

Question

Code dans vuex

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

Que signifie le... devant mapState ? Quelle est la différence entre ajouter ceci et ne pas ajouter ceci ? J'ai lu la documentation relative à l'opérateur d'épandage et à l'opérateur d'exploitation, mais je ne les comprends toujours pas très bien. J'aimerais une explication plus détaillée. .

Answer 1

Écrivez vous-même quelques exemples et vous saurez... par exemple :

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

console.log(now);

La plupart des navigateurs ne prennent pas en charge cette syntaxe, vous pouvez donc d'abord accéder à Babel pour le convertir, mettre le code transcodé directement dans la console et l'exécuter, et voir ce qui en sort. Cet opérateur est en fait assez simple...

Answer 2

... Développez l'objet en paires clé-valeur ici. Si vous l'écrivez directement, il y aura des erreurs grammaticales ou des erreurs logiques.

Emprunter l’exemple de @xiaoboost :

Il y a... opérateur, cliquez pour voir

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

console.log(now);

Le résultat est

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

Il n'y a pas d'opérateur..., cliquez pour voir

Le résultat est :

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"])Ça devrait aller