nuxt.js 注冊全局組件


plugins 屬性配置

src: String (文件的路徑)
ssr: Boolean (默認為 true) 如果值為 false,該文件只會在客戶端被打包引入。

根目錄找到 nuxt.config.js 文件

1 module.exports = {
2   plugins: [
3       '~/plugins/header.js',
4       { src: '~/plugins/vue-awesome-swipe.js', ssr: false },      
5   ]
6 }

然后, 我們需要在plugins目錄下創建 header.js 文件:

1 import Vue from 'vue'
2 import Header from '@/components/Header.vue'
3 
4 Vue.component('my-header',Header)

這里需要注意的是 用使用 @ 編寫路徑 我自己使用 ~ 路徑有問題


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM