javascript - Bagaimana untuk menggunakan Vue untuk menulis komponen dan hanya menggunakannya pada beberapa halaman html tradisional?

Question

1 Contoh komponen sedia ada yang ditulis menggunakan vue
2 Jika ia didaftarkan secara global dalam app.js, mana-mana halaman HTML boleh digunakan seperti biasa
3 Tetapi jika komponen ini hanya digunakan pada satu halaman, bagaimana untuk mendaftar komponen ini secara tempatan pada ini halaman ?

Answer 1

Hanya nyatakan vue dalam halaman tradisional anda, perkenalkan komponen anda, dan daftarkannya dalam vue yang sedang dibuat sekarang

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

Answer 2

Anda perlu membaca dokumentasi Vue 3~4 kali dan mendaftar secara tempatan

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