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。

持续更新

转载于:https://www.cnblogs.com/wenjuan-blog/p/9933866.html