vue 3.0 prototype 替代用法
在vue2.x中,我们想设置全局变量,可以在main文件中用prototype绑定vue实列,在vue3.0中,可以用app.config.globalProperties来代替prototype,具体用法如下// main.jsimport { createApp } from 'vue'import App from './App.vue'import router from './route
·
在vue2.x中,我们想设置全局变量,可以在main
文件中用prototype
绑定vue实列,在vue3.0中,可以用app.config.globalProperties
来代替prototype
,具体用法如下
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
const app = createApp(App)
app.use(store)
app.use(router)
app.config.globalProperties.$axios = axios // 自定义添加
const vm = app.mount('#app')
这样就可以正常使用了
// App.js
...
<script>
export default {
name: 'App',
methods: {...},
mounted() {
console.log(this.$axios)
}
}
</script>
更多推荐
已为社区贡献4条内容
所有评论(0)