在NUXT中如何引用全域性元件

2022-04-13 12:07:51 字數 418 閱讀 3098

在開發過程中,我們經常互封裝一些元件,由於元件具有復用性,怎麼能夠一次引用在所有頁面都可以使用呢。

1、首先封裝元件(mycomponent.vue)

2、在plugins資料夾下建乙個檔案,my-components.js(名字可以任意起)

內容如下

import vue from 'vue'import mycomponent from '@/components/mycomponent.vue'vue.component('mycomponent',mycomponent)

3、在根目錄的nuxt.config.js中,引入做成的js檔案

plugins: [

'@/plugins/my-componentr'],

大功告成,再也不用每個頁面分別引入了

nuxt中全域性引入element ui

1.開啟terminal終端,輸入npm run dev啟動專案 2.element中文官方文件 3.在元件庫里任意選擇一段 複製到專案中pages資料夾下index.vue的頁面中 4.按住ctrl s儲存修改,即頁面自動顯示剛修改內容,無需重新啟動專案,可以看到此時的頁面只顯示 危險按鈕 這幾個...

Nuxt 中 按需引入 Element ui 元件

1.安裝 element ui npm i element ui s2.在根目錄下的plugins下建立element ui.js檔案,以下是我的檔案內容 import vue from vue import from element ui 引入分頁元件 vue.prototype.element ...

python中在方法中引用全域性變數

在外面定義了乙個變數 然後在python的乙個函式裡面引用這個變數,並改變它的值,結果報錯local variable referenced before assignment,如下 23 def printfilename strfilename if 23 print strfilename 2...