Bagaimana untuk memperkenalkan pemalam dalam vuejs

Kaedah pengenalan: 1. Gunakan pernyataan import dan "Vue.use(..)" dalam "main.js"; 2. Tambahkan pernyataan "import 'path" dalam teg skrip fail vue ; 3. , gunakan pernyataan import dan "komponen:{}" dalam "app.vue", dsb.

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

Langkah pertama: pasang, muat turun secara manual, sesuaikan pemalam, lawati tapak web

Untuk pemalam vue atau js umum, anda biasanya boleh memasangnya secara langsung, dan kemudian teruskan langkah. Walau bagaimanapun, ia tidak diketepikan bahawa pemasangan gagal atas pelbagai sebab dan memerlukan muat turun manual. Terdapat juga beberapa pemalam tersuai.

Langkah 2: Perkenalkan pemalam

pengenalan global js

Tambah fail main.js

import Loading from './components/loading'
Vue.use(Loading)

js diperkenalkan secara berasingan

Tambah

import '../../../components/loading/index.js'

vue secara global dalam teg skrip fail vue

vue general Mereka semua diimport ke dalam js, jadi kaedah import adalah sama seperti js. Tetapi terdapat kes khas, seperti pengenalan bar navigasi, yang diperkenalkan secara langsung oleh vue Kaedah global ialah menambah

import Header from './components/Header'
components: {
    Header
  }

vue secara berasingan dalam app.vue dan memperkenalkan

Untuk memperkenalkannya secara berasingan, tambahkan kod di atas

terus dan import

1, tambah

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=？"></script>

2 ke index.html projek, bina/webpack Dalam fail konfigurasi base.conf.js, tetapkan sambungan luaran (atribut luaran)

externals: {
    'BaiduMap': 'BMap'
}

Pengenalan modular<.>Sama seperti pengenalan global js, bahagian ini memerlukan pemalam Boleh dipasang atau dimuat turun

Cadangan berkaitan: "

tutorial vue.js

"

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan pemalam dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!