javascript - Comment utiliser Vue pour écrire un composant et l'utiliser uniquement sur certaines pages HTML traditionnelles?

Question

1 Exemple d'un composant existant écrit avec vue
2 S'il est enregistré globalement dans app.js, n'importe quelle page HTML peut être utilisée normalement
3 Mais si ce composant n'est utilisé que sur une seule page, comment enregistrer ce composant localement sur cette une page ?

Answer 1

Instanciez simplement vue dans votre page traditionnelle, présentez votre composant et enregistrez-le dans la vue actuellement instanciée

var Child = {
  template: '<p>A custom component!</p>'
}
new Vue({
  // ...
  components: {
    // <my-component> 将只在父模板可用
    'my-component': Child
  }
})

Answer 2

Vous devez lire la documentation Vue 3 à 4 fois et vous inscrire localement

import YourComponent from 'your-component';
export default{
    components: { YourComponent }
}