vue全局注册公共组件,全局引入公共函数
程序员文章站
2022-05-26 11:26:07
...
今天再看一个项目的时候,发现有一些组件是公共的,比如加载弹框,提示弹框,等等,原项目中在<script>
里面每次都引入公共的组件,因此就像能否全局注册成为一个公共的组件,用的时候直接调用组件名比如<loading></loading>
即可使用,查询了网上资料,果然是有的(自己太菜)
1、全局注册组件:
第一步:有一个组件页面比如loading.vue
<template>
<div>
<p>加载中。。。。</p>
</div>
</template>
<script>
export default{
data:function(){
return{
}
}
}
</script>
<style>
</style>
第二步:在main.js中全局注册一下
// 引入全局组件
import load from './cmcomponents/base/loading.vue'
// 注册为全局组件
Vue.component('load', load)
第三不:在使用的页面直接使用组件即可
<load></load>
2,.全局注册公共的函数
公共函数common.js
const obj={
fun1(){
},
fun2(){
},
fun3(){
}
}
export default obj
main.js中引入方法
import common from '.icommon.js'
Vue.prototype.common=comm
其它组件中调用该方法的时候
this.common.fun1();
下一篇: 关于uniapp引入组件不显示