javascript - Wie schreibe ich eine Komponente mit Vue und verwende sie nur auf einigen herkömmlichen HTML-Seiten?

Question

1 Beispiel einer vorhandenen Komponente, die mit vue geschrieben wurde
2 Wenn sie global in app.js registriert ist, kann jede HTML-Seite normal verwendet werden
3 Wenn diese Komponente jedoch nur auf einer Seite verwendet wird, wie registriert man diese Komponente lokal auf dieser? Seite? ?

Answer 1

就在你的传统页面里实例化vue，引入你的组件，注册在当前实例化的vue里呗

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

Answer 2

你需要熟读Vue文档3~4遍 局部注册

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