vue学习--自定义全局vue组件
Posted The More I Do ! The More I Can
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue学习--自定义全局vue组件相关的知识,希望对你有一定的参考价值。
文档目录:
|--components
|-loading(组件文件夹)
|-loading.vue (loading组件核心)
|-index.js //配置导出组件,并且install
主要配置到处文件index.js 代码
import LoadingComponent from ‘./loading.vue‘ //引用组件文件
//定义并注册组件
const Loading = {
install: function(Vue) {
Vue.component(‘Loading‘, LoadingComponent)
}
}
export default Loading //导出组件.......
在main.js里调用组件
import Loading from ‘./components/loading‘
Vue.use(Loading)
以上是关于vue学习--自定义全局vue组件的主要内容,如果未能解决你的问题,请参考以下文章
自定义vue全局组件use使用(解释vue.use()的原理)