Bagaimana untuk mencipta dan memanggil kaedah global dalam vuejs

Buat dan panggil kaedah global: 1. Sesuaikan kaedah di bawah mana-mana fail dalam direktori src projek vue 2. Gunakan pernyataan import dalam fail "main.js" untuk memperkenalkan kaedah tersuai dan tambahkan Kaedah dipasang pada contoh vue; 3. Pada halaman yang diperlukan, gunakan pernyataan "$vue instance.method name()" untuk memanggil kaedah.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Vue.js mencipta dan memanggil kaedah global

Dalam projek vue, mula-mula sesuaikan kaedah di bawah mana-mana fail dalam src, contohnya,

  transNum (num) {
    if (typeof (num) === 'undefined') {
      return 0
    } else {
      let oldNum = num.toString().trim()
      let len = oldNum.length
      if (len <= 3) {
        return num
      } else {
        let newNum = oldNum.substr(0, len - 3) + &#39;.&#39; + oldNum.charAt(len - 3) + &#39;k&#39;
        return newNum
      }
    }
  }

Kaedah 1: Lekapkan pada contoh Vue

Contoh: perkenalkan kaedah ini dalam fail main.js projek vue dan tambahkan kaedah ini Lekapkan ke contoh vue. Tambahkan kod berikut pada fail utama.js

import myutil from '@/common/utils/util.js'

Vue.prototype.$myutil = myutil

Apabila menggunakannya, anda boleh terus menghantar

$myutil.transNum(num)

>Panggil kaedah

dalam fail yang perlu memanggil kaedah ini

import util from '@/common/utils/util.js''

Penjelasan:

util.transNum(num)

Jika anda ingin memanggil kaedah Jika panggilan itu ditulis dalam

{, kaedah itu hanya boleh diperkenalkan melalui kaedah pertama Sebab khusus adalah berkaitan dengan kitaran hayat vue, jadi saya akan'. t pergi ke butiran. {}}Cadangan berkaitan: "

tutorial vue.js

"

Atas ialah kandungan terperinci Bagaimana untuk mencipta dan memanggil kaedah global dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!