Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk memperkenalkan pemalam dalam vuejs

Bagaimana untuk memperkenalkan pemalam dalam vuejs

青灯夜游
Lepaskan: 2023-01-11 09:22:42
asal
3831 orang telah melayarinya

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.

Bagaimana untuk memperkenalkan pemalam dalam vuejs

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)
Salin selepas log masuk

js diperkenalkan secara berasingan

Tambah

import '../../../components/loading/index.js'
Salin selepas log masuk

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
  }
Salin selepas log masuk

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>
Salin selepas log masuk
2 ke index.html projek, bina/webpack Dalam fail konfigurasi base.conf.js, tetapkan sambungan luaran (atribut luaran)

externals: {
    'BaiduMap': 'BMap'
}
Salin selepas log masuk

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!

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