鍍金池/ 問答/HTML/ vue中可復(fù)用組件的引入問題

vue中可復(fù)用組件的引入問題

  1. 比如我 ABC三個組件都引入了axios,那么就要在ABC中分別引入三次,怎么避免這樣重復(fù)引入

  2. ABC都復(fù)用組件D,也是這個問題

我在app.vue中引入axios在別的組件拿不到

如果一個組件在別的地方引入多次 ,如何避免這個問題

回答
編輯回答
獨白

1、優(yōu)化項目結(jié)構(gòu)

- api
-- index.js // 接口請求
-- http.js  // axios 封裝
-- event.js // http 請求處理

2、webpack 有解決方案,百度

2018年6月14日 20:24
編輯回答
清夢

可以看看我正在開發(fā)的項目是怎么處理的,
我是直接把一些常用的方法都集成到一個plugin上,在mian文件中use一下就好了。https://gitee.com/Daniel_Deng...

2017年11月2日 12:11
編輯回答
帥到炸

既然怕麻煩,那就把axios掛載到vue的原型上去
main.js中引入

import axios from 'axios'
import Vue from 'vue'
Vue.prototype.$http = axios

調(diào)用的時候直接this.$http就可以了

2018年7月11日 09:12
編輯回答
背叛者

沒有辦法吧,
你可以專門寫一個API文件用來封裝全部的接口,用到對應(yīng)接口的界面再引入這個API文件,其實跟你這樣也沒太大差別 只是統(tǒng)一維護了

2017年8月2日 10:55
編輯回答
懷中人

用webpack的話可以在入口文件引入一次就可以了

2017年7月20日 00:31