【vue3】vue3注册全局方法、全局属性

  1. 创建方法文件
// /src/assets/scripts/http.js
function http(){}
export default http;
  1. 挂载到vue原型链
// main.js
import { createApp } from 'vue'
import App from '/@/App.vue'
const app = createApp(App)

import http from './assets/scripts/http.js'
app.config.globalProperties.$http = http;  // 注册全局方法
app.config.globalProperties.$global_var = 'hello word'; // 注册全局属性


app.mount('#app')
  1. 组件中使用
import {getCurrentInstance} from 'vue'
export default {
    setup(){
          const {proxy} = getCurrentInstance();
          console.log(proxy.$http)
          console.log(proxy.$global_var)
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容