UniApp Vue3 全局属性挂载方法

3,475 阅读1分钟

使用uniapp开发移动端时需要在main.js里创建一个全局变量

main.js

// #ifndef VUE3
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})

app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
import App from './App.vue'
export function createApp() {

→  //Vue3全局挂载属性方法 搞长一点省的看不到 ###################################
app.config.globalProperties.名称 = 属性
→  //

  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

使用

<script setup>
import { getCurrentInstance } from "vue";

console.log(getCurrentInstance().appContext.config.globalProperties.名称)
</script>

完事

这个示例是uniapp vue3 的示例