vue開發過程當中問題總結

1.使用use註冊Vue全局組件和全局指令

Vue中的組件和指令分爲局部組件、局部指令和全局組件、全局指令。對於註冊有必定數量的全局指令和全局組件時，官方文檔中的方法就顯得有些不夠清爽了。

全局組件

在Vue官方文檔中介紹的是使用Vue.component(tagName, options)來建立一個全局組件。可是這種方法是與根實例寫在同一個文件中，若是要同時註冊多個全局組件，就會使根實例文件太重，所以使用Vue.use()來「安裝」全局組件，就顯得更輕一些。

方法：

1.新建一個plugins文件夾
2.在文件夾中建立放置全局組件的文件components.js
3.在components.js文件中引入全部要註冊的全局組件
4.在app.js根實例文件中，引入components.js

以vExample組件爲例:
components.js:

import example from '../components/example.vue';
export default (Vue)=>{
    Vue.component("vExample",example);
}

main.js:

import components from './plugins/components.js';
Vue.use(components);

通過上述編寫後，就註冊了全局組件vExample。

持續更新