Utilisation simple de devtools

Un..DevtoolsAction

 Il nous permet d'observer en temps réel l'état des données et des composants que nous avons écrits..

2..Installation

Plug - in minimaliste_ChromeExtension Store_QualitécrxApplication

 

 

 

<template>
  <div class=""></div>
</template>

<script>
export default {
  data() {
    return {
      name:'Wuhu',  //Données individuelles
      arr:[
        {
          a:1,
          b:2
        }
      ],
    }
  },
  name: '',
  methods: {
  }
}
</script>

<style scoped>

</style>

 Plug - in trouvé Après le téléchargement

  Ouvrez Google explorer-------->Plus de procédures---------->Programme d'extension------------> Faites glisser le téléchargement dans .

Trois.Utiliser

Code1:

<template>
  <div class=""></div>
</template>

<script>
export default {
  data() {
    return {
      name:'Wuhu',  //Données individuelles
      arr:[
        {
          a:1,
          b:2
        }
      ],
    }
  },
  name: '',
  methods: {
  }
}
</script>

<style scoped>

</style>

Code:

<template>
  <div class=""></div>
</template>

<script>
export default {
  data() {
    return {
      one:'one',
      arr:[1,2,3]
    }
  },
  name:'OneComponents',
  methods: {
    fn(){
      console.log(123213);
    }
  }
}
</script>

<style scoped>

</style>

 

name Vous pouvez donner n'importe quel nom au composant , Sinon, c'est le nom par défaut .