今天来说说在vue3 中如何将像axios这样的方法绑定到vue原型上供全局使用。我们用过vue2.x 都知道,在vue2.x中是通 Vue.prototype 来绑定的,像这样Vue.prototype.$toast = Toast
。在vue3中取消了Vue.prototype,推荐使用globalProperties来绑定,所以下面我分享一下使用方式谦代码。PS:这里以axios为例,大家可根据需要稍做修改。
一、设置全局
在使用axios之前,要记得先安装axios,然后在main.js文件中将axios绑定到原型上,如下所示:
相关代码:
// main.js
import {
createApp} from 'vue'