javascript - Apakah perbezaan antara menulis komponen dan menulis pemalam dalam vue?

Question

Sekarang saya ingin menulis perkara paging, tetapi saya tidak pasti sama ada lebih baik untuk menulisnya sebagai fail tunggal .vue atau menggunakan install untuk menulisnya sebagai pemalam Saya tidak pasti tentang perbezaan antara dua. Saya merasakan bahawa .vue boleh menyelesaikan permintaan, tetapi mengapa saya harus memilikinya untuk kaedah pemasangan, terdapat satu lagi soalan tentang memasang dan menulis pemalam

//pagetion的模版
    <template>
      <p class="paging">
        <p name="pagingPage">
          <li>
            <span class="paging-first"></span>
          </li>
          <li v-for="item in numArr">
            <span class="paging-next">{{item}}</span>
          </li>
          <li>
            <span class="paging-last"></span>
          </li>
        </p>
       </p>
    </template>
    

    //这个是install写插件
    let paging = {
      install: function(Vue, options) {
        Vue.component('pagination',pagination);
      }
    }
    
    

Bagaimanakah cara saya menghantar parameter konfigurasi pilihan dalam pemasangan saya kepada templat halaman?

Answer 1

Komponen Vue ialah gabungan templat dan logik UI.

Jika logik paging perlu digunakan semula di antara banyak komponen, maka cara terbaik adalah jelas menggunakan semula logik JS fail Vue melalui pemalam.

Jika logik paging hanya digunakan dalam satu komponen, maka menggunakan pemalam dan campuran akan mengurangkan kebolehbacaan satu komponen Vue.

Answer 2

Pemalam Vue boleh menjadi koleksi sekumpulan komponen Vue (apa yang dilakukan oleh pemalam adalah untuk membantu anda menuangkan komponen dalaman ke dalam vue global), atau ia boleh digunakan untuk melanjutkan fungsi Vue, seperti Vuex , Vue-Router. Anda juga boleh menulis pemalam untuk melanjutkan kaedah pada prototaip Vue Untuk mencapai keperluan ini, tiada cara untuk menulisnya sebagai komponen.

 let whatever = {
      install: function(Vue, options) {
        Vue.prototype.$whatever = function(){
          // do something 
        };
      }
    }
    
// 你这个用组件咋搞？

Selain itu, mengapa anda perlu memutuskan data komponen yang dicurahkan oleh pemalam semasa memasang pemalam? Bukankah anda sepatutnya mengawalnya melalui prop apabila menggunakan komponen ini?