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 ?
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
}
})
Vous devez lire la documentation Vue 3 à 4 fois et vous inscrire localement
import YourComponent from 'your-component';
export default{
components: { YourComponent }
}