vue3.x 使用 globalProperties 全局变量
Vue3.x 用 Composition API 中是没有this的,所以不能直接使用 this 调用 globalProperties 全局变量Composition API 使用方法:// main.jsimport { createApp } from 'vue'import App from './App.vue'import storage from './plugins/storage
·
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')
更多推荐
已为社区贡献6条内容
所有评论(0)