zoukankan      html  css  js  c++  java
  • vue3中使用全局变量

    对比:

    在vue2.x中我们挂载全局变量或方法是通过是使用Vue.prototype.$xxxx=xxx的形式来挂载,然后通过this.$xxx来获取挂载到全局的变量或者方法

    但是 在vue3.x中显然是不行滴,在setup里面我们都获取不到this,但是 别怕 vue3.x官网给我们提供了新的方法 叫:globalProperties  。添加一个可以在应用的任何组件实例中访问的全局 property。组件的 property 在命名冲突具有优先权

    用法: 比如我们挂在一下我们的axios
    在main.ts上
    import { createApp } from 'vue'
    import App from './App.vue'
    const app = createApp(App);
    import axios from './api/axios'
    app.config.globalProperties.$axios = axios;
    app.use(router).use(store).mount('#app');

    在我们页面上引用:
    import { getCurrentInstance } from 'vue';
    const { proxy } =getCurrentInstance();
    proxy.$axios({
    url:'',
    method:'',
    })
  • 相关阅读:
    php设计模式 — 简单工厂模式(静态工厂方法模式)
    Vue-Router
    各种选项卡
    jq动画
    如何使用swiper写轮播
    Gulp代码压缩
    闭包
    jquery.validation校验
    grunt-js文件压缩
    CSS
  • 原文地址:https://www.cnblogs.com/xiebeibei/p/15740840.html
Copyright © 2011-2022 走看看