Bolehkah mengeksport lalai dalam rentetan eksport Vue?

Bolehkah Vue export default mengeksport rentetan?

Ya, Vue's

boleh mengeksport rentetan. Walaupun ia bukan penggunaan tipikal, export default direka untuk mengeksport nilai export default tunggal dari modul, dan nilai itu boleh dari mana -mana jenis data, termasuk rentetan. Sebagai contoh:

// myString.js
export default 'Hello from myString.js';

Kod ini mencipta modul yang mengeksport rentetan "Hello from Mystring.js". Anda kemudian boleh mengimport dan menggunakan rentetan ini dalam modul lain:

// MyComponent.vue
import myString from './myString.js';

export default {
  data() {
    return {
      message: myString
    };
  },
  template: `
    <div>
      <p>{{ message }}</p>
    </div>
  `
};

Dalam contoh ini,

menggunakan rentetan yang diimport MyComponent untuk memaparkan "hello dari mystring.js" dalam templatnya. komponen. Walau bagaimanapun, penting untuk memahami bahawa rentetan ini akan menggantikan definisi keseluruhan komponen. Komponen itu sendiri tidak akan diberikan. Sebaliknya, rentetan akan menjadi nilai yang dieksport. Ini kerana myString telah ditindih dengan rentetan. Implikasi utama ialah anda kehilangan fungsi teras komponen VUE: memberikan elemen UI. Ia secara berkesan mengubah fail

anda menjadi modul JavaScript yang mudah mengeksport rentetan.

export default Ini boleh membawa kepada masalah kekeliruan dan penyelenggaraan. Jika anda berhasrat menggunakan fail

sebagai komponen, mengeksport rentetan menggunakan

akan menghalangnya. Selain itu, kod yang bergantung kepada struktur komponen yang dijangkakan akan pecah. Ia secara amnya dianggap sebagai corak anti-corak melainkan jika anda mempunyai alasan yang sangat spesifik untuk menggantikan eksport standard komponen dengan rentetan. Daripada menggantikan eksport komponen, anda harus mengeksport rentetan sebagai eksport yang dinamakan dalam komponen export default atau

api:

// MyComponent.vue
export default 'This is my string literal';

menggunakan API komposisi (

):

Pendekatan ini memisahkan rentetan ini dari definisi komponen, yang membolehkan anda menggunakan kedua -dua komponen dan rentetan secara bebas. Ini lebih bersih, lebih teratur, dan mengelakkan potensi perangkap menggunakan

// myString.js
export default 'Hello from myString.js';

untuk jenis data mudah. Ini adalah kaedah pilihan untuk mengeksport jenis data mudah di samping komponen VUE anda.

Atas ialah kandungan terperinci Bolehkah mengeksport lalai dalam rentetan eksport Vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!