Bolehkah kitaran hayat penggunaan campuran vue?

青灯夜游
Lepaskan: 2022-12-15 14:25:22
asal
2892 orang telah melayarinya

Vue mix-in boleh menggunakan kitaran hayat. Kitaran hayat dalam mixin akan dipanggil bersama-sama dengan kitaran hayat komponen yang memperkenalkan mixin, dan fungsi kitaran hayat dalam mixin akan dipanggil lebih cepat daripada komponen yang memperkenalkan mixin. Perlu diingat bahawa kitaran hayat berbilang campuran akan digabungkan dan dijalankan bersama, tetapi sifat dan kaedah dengan nama yang sama tidak boleh digabungkan, yang boleh menyebabkan konflik atau tiruan.

Bolehkah kitaran hayat penggunaan campuran vue?

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3.

Pengenalan asas kepada mixin (pencampuran)

Semasa proses pembangunan, kami akan menemui beberapa komponen dengan logik dan fungsi yang sama Kami tidak akan mencampurkannya dalam setiap komponen . Tulis satu set kod, yang akan membawa kepada redundansi kod.

Fungsi mixin adalah untuk mengekstrak logik dan fungsi yang sama dan membahagikannya kepada satu fail sahaja Komponen hanya perlu memperkenalkan mixin untuk mencapai fungsi yang sama.

Menggunakan mixin

juga mencipta folder mixins dalam folder src dan menulis fail mixin.js yang sepadan di dalamnya. Seperti yang ditunjukkan di bawah:

Bolehkah kitaran hayat penggunaan campuran vue?

Gunakan fail js untuk mengekstrak bahagian skrip vue, seperti yang ditunjukkan di bawah:

  data(){
    return {}
  },
  methods:{},
  computed:{},
  filters:{},  created(){},  mounted(){
    console.log("我是mixins");
  }
}复制代码
Salin selepas log masuk

Kita boleh menambahkannya pada komponen Perkenalkan mixin dan gunakannya seperti berikut:

Bolehkah kitaran hayat penggunaan campuran vue?

Ciri-ciri mixin

1 sama seperti 🎜>Kitaran hayat komponen yang memperkenalkan mixin disepadukan ke dalam dan dipanggil bersama dengan , dan fungsi kitaran hayat dalam mixin akan dipanggil lebih cepat daripada komponen yang memperkenalkan campuran. [Cadangan berkaitan: tutorial video vuejs, pembangunan bahagian hadapan web]

Bolehkah kitaran hayat penggunaan campuran vue?

Bolehkah kitaran hayat penggunaan campuran vue?

Bolehkah kitaran hayat penggunaan campuran vue?

2. Data, kaedah dan penapis komponen akan menimpa data, kaedah dan penapis dengan nama yang sama dalam campuran.

Bolehkah kitaran hayat penggunaan campuran vue?

Bolehkah kitaran hayat penggunaan campuran vue?

Bolehkah kitaran hayat penggunaan campuran vue?

3 Kaedah dengan nama yang sama dalam campuran yang berbeza harus diliputi dalam susunannya diperkenalkan. Kaedah sebelumnya dengan nama yang sama.

Kelemahan mixin

1. Sumber pembolehubah tidak jelas (secara tersirat), yang tidak sesuai untuk dibaca dan menyukarkan kod untuk dibaca. mengekalkan.

Anda boleh memperkenalkan berbilang campuran ke dalam komponen dan secara langsung dan tersirat memanggil pembolehubah/kaedah dalam campuran Ini kadang-kadang membuat kita keliru Kami tidak dapat membezakan pembolehubah dan kaedah yang mana ?

2. Kitaran hayat berbilang campuran akan disepadukan dan dijalankan bersama, tetapi sifat dan kaedah dengan nama yang sama tidak boleh disepadukan, yang boleh menyebabkan konflik atau tiruan.

Sebagai contoh, kaedah dalam komponen 1 harus mengeluarkan maklumat atribut,

tetapi komponen 2 juga mempunyai maklumat atribut dengan nama yang sama dan menimpa maklumat atribut dalam komponen 1,
maka apabila komponen 1 dilaksanakan Apabila menggunakan kaedah dalam , output sememangnya atribut dalam komponen 2.
Kita boleh mengelakkan ini, tetapi jika kita tidak berhati-hati, ia akan menyebabkan konflik dan mudah menimbulkan kekeliruan.

3. Mungkin terdapat hubungan banyak-ke-banyak antara campuran dan komponen, dan kerumitannya tinggi

Iaitu, komponen boleh merujuk berbilang campuran, dan campuran juga boleh dirujuk oleh rujukan komponen berbilang.

(Mempelajari perkongsian video:

Tutorial pengenalan Vuejs, Video pengaturcaraan asas)

Atas ialah kandungan terperinci Bolehkah kitaran hayat penggunaan campuran vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan