uni-app(全局组件引用) 局部组件引用 component

全局组件引用

1. 定义组件内容
this.$emit('refresh') // 组件调用 页面的方法
2. main.js 文件 注册

 import loginpop from '@/components/login/index'
 Vue.component('login-pop',loginpop)

3. 需要引用的文件

<login-pop ref="lgpopup" @refresh="refreshFun"></login-pop>


refreshFun(){
    
    
  console.log('登录刷新')
},

局部组件引用

1. 定义组件内容
2. 需要的页面 注册引入
<template>
	<loginpop ref="lgpopup" @refresh="refreshFun"></loginpop>
</template>
 <script>
 import loginpop from '@/components/login/index'
 export default {
    
    
 	components: {
    
     loginpop },
 	methods: {
    
    
		refreshFun(){
    
    
			console.log('登录刷新')
		},
	}
 }
 
</script>