vue開發過程中問題總結

2022-08-27 06:30:17 字數 567 閱讀 9104

vue中的元件和指令分為區域性元件、區域性指令和全域性元件、全域性指令。對於註冊有一定數量的全域性指令和全域性元件時,官方文件中的方法就顯得有些不夠清爽了。
在vue官方文件中介紹的是使用vue.component(tagname, options)來建立乙個全域性元件。但是這種方法是與根例項寫在同乙個檔案中,如果要同時註冊多個全域性元件,就會使根例項檔案過重,因此使用vue.use()來「安裝」全域性元件,就顯得更輕一些。

以vexample元件為例:

components.js:

import example from '../components/example.vue';

export default (vue)=>

main.js:

import components from './plugins/components.js';

vue.use(components);

經過上述編寫後,就註冊了全域性元件vexample。

持續更新

開發過程中錯誤總結

1 18年5月28日 說明是.xml檔案的問題。去上.xml排查,看是不是註解。或者檔案本身書寫有誤。2 linux下 webstorm,ppt,wps不能書寫漢字。在啟動檔案中修改 啟動 sudo sh webstorm.sh export xmodifiers im fcitx export q...

uni app開發過程中的問題

加 deep button item 生效了 deep button item 報錯 vue warn unknown custom element did you register the component correctly?for recursive components,make sure...

在Vue專案開發過程中解決跨域問題

在本地開發過程中,呼叫後端程式設計師提供的介面獲取資料,希望將獲取的資料渲染到頁面中,但是瀏覽器報錯 控制台報錯資訊 that is not equal to the supplied origin.檢視network中的內容時發現xhr中該請求的狀態status為200,但是頁面中資料不顯示。這種...