vue.use()与vue.install()

最新推荐文章于 2022-10-20 22:08:09 发布

开心做技术

最新推荐文章于 2022-10-20 22:08:09 发布

阅读量1k

点赞数

分类专栏： vue 文章标签： vue js es6

本文链接：https://blog.csdn.net/weixin_40974684/article/details/116294810

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何创建一个HTTP插件，通过Vue.use()和Vue.install()将axios的get和post方法添加为Vue实例的方法，方便在Vue应用中直接调用。示例代码展示了如何定义和导出这个插件。

摘要由CSDN通过智能技术生成

关于vue.use()与vue.install()

vue官方文档

官网是这样写的：https://cn.vuejs.org/v2/guide/plugins.html

应用

可对http进行一下封装
将get 和post 方法作为vue 的实例方法

const createHttpPlugin = () => {
  return {
    install(Vue) {
      Vue.prototype.$post = axios.post;
      Vue.prototype.$get = (url: string, params: any = {}, config = {}) => axios.get(url, { params, ...config });
    }
  };
};
export default createHttpPlugin();