Cara memperkenalkan fungsi secara global oleh Vue

Vue menyediakan dua kaedah untuk memperkenalkan fungsi secara global: di main.js, gunakan vue.prototype untuk menambah fungsi kepada prototaip contoh Vue; dan gunakan Perpustakaan Pengurusan Negeri VUEX untuk menyimpan fungsi dalam penyimpanan global.

Cara memperkenalkan fungsi di seluruh dunia di Vue

Vue menyediakan cara mudah untuk membawa fungsi secara global ke dalam projek supaya mereka boleh digunakan dalam mana -mana komponen. Berikut adalah dua kaedah biasa:

Kaedah 1: Memperkenalkan di Main.js

Langkah 1: Buat fungsi dalam fail main.js projek:

 <code class="js">const myFunction = () => { // 函数逻辑}</code>

Langkah 2: Di main.js , gunakan Vue.prototype untuk menambah fungsi ke prototaip contoh Vue:

 <code class="js">Vue.prototype.$myFunction = myFunction</code>

Sekarang, fungsi boleh diakses menggunakan this.$myFunction dalam mana -mana komponen.

Kaedah 2: Gunakan VUEX

VUEX adalah perpustakaan pengurusan negeri untuk VUE. Ia menyediakan storan global yang boleh menyimpan fungsi.

Langkah 1: Buat modul VUEX yang mengandungi fungsi anda:

 <code class="js">const functions = { state: {}, mutations: {}, actions: { myFunction() { // 函数逻辑} } }</code>

Langkah 2: Daftarkan modul ke penyimpanan VUEX:

 <code class="js">import Vuex from 'vuex' import functions from './functions' const store = new Vuex.Store({ modules: { functions } })</code>

Fungsi ini kini boleh dicetuskan dalam mana -mana komponen menggunakan this.$store.dispatch('functions/myFunction') .

Atas ialah kandungan terperinci Cara memperkenalkan fungsi secara global oleh Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!