vue3.x 使用 globalProperties 全局变量

Vue3.x 用 Composition API中是没有this的,所以不能直接使用 this 调用 globalProperties 全局变量

Composition API 使用方法:

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import storage from './plugins/storage'
const app = createApp(App);
app.config.globalProperties.$storage = storage
app.provide('$storage', storage)
app.mount('#app')

// Home.vue
import {inject} from "vue"
const storage = inject('$storage')
storage.setItme('name','zhangsan')

Vue2.x 的使用方法:

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import storage from './plugins/storage'

const app = createApp(App);
app.config.globalProperties.$storage = storage
app.mount('#app')

// Home.vue
this.$storage.setItme('name','zhangsan')

猜你喜欢

转载自blog.csdn.net/zhangdaiscott/article/details/131192105