vue 3.0 prototype 替代用法

在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>

点击查看相关文档
vue 3.0 prototype 替代用法_第1张图片

更多全局api的变更

你可能感兴趣的:(JS,vue,vue,js)