詳解VUE中常用的幾種import（模塊、文件）引入方式
更新時(shí)間：2018年07月03日 09:56:02 作者：butterflyer
這篇文章主要介紹了詳解VUE中常用的幾種import（模塊、文件）引入方式，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
1 引入第三方插件
import echarts from 'echarts'
2 引入工具類
第一種是引入單個(gè)方法
import {axiosfetch} from './util';
下面是寫法，需要export導(dǎo)出
export function axiosfetch(options) {
}
第二種 導(dǎo)入成組的方法
import * as tools from './libs/tools'
其中tools.js中有多個(gè)export方法,把tools里所有export的方法導(dǎo)入
vue中怎么用呢？
Vue.prototype.$tools = tools
直接用 this.$tools.method調(diào)用就可以了
說(shuō)到這 export 和 export default 又有什么區(qū)別呢？
下面看下區(qū)別
先是 export
import {axiosfetch} from './util';
//需要加花括號(hào) 可以一次導(dǎo)入多個(gè)也可以一次導(dǎo)入一個(gè)，但都要加括號(hào)
如果是兩個(gè)方法
import {axiosfetch,post} from './util';
再是 export default
import axiosfetch from './util'; //不需要加花括號(hào) 只能一個(gè)一個(gè)導(dǎo)入
3.導(dǎo)入 css文件
import 'iview/dist/styles/iview.css';
如果是在.vue文件中那么在外面套個(gè)style
<style> @import './test.css'; </style>
4.導(dǎo)入組件
import name1 from './name1'
import name2 from './name2'
components:{
name1,
name2,
},
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue中的正則表達(dá)式校驗(yàn)、驗(yàn)證方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue 實(shí)現(xiàn)把路由單獨(dú)分離出來(lái)
這篇文章主要介紹了vue 實(shí)現(xiàn)把路由單獨(dú)分離出來(lái)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
vue實(shí)現(xiàn)點(diǎn)擊復(fù)制到粘貼板
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)點(diǎn)擊復(fù)制到粘貼板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
Vite+Electron快速構(gòu)建VUE3桌面應(yīng)用的實(shí)現(xiàn)
本文主要介紹了Vite+Electron快速構(gòu)建VUE3桌面應(yīng)用的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家介紹了vue組件通信的幾種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
Vue3 reactive響應(yīng)式賦值頁(yè)面不渲染的解決
這篇文章主要介紹了Vue3 reactive響應(yīng)式賦值頁(yè)面不渲染的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細(xì)介紹了Vue使用高德地圖實(shí)現(xiàn)城市定位，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Vue動(dòng)態(tài)創(chuàng)建注冊(cè)component的實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于Vue動(dòng)態(tài)創(chuàng)建注冊(cè)component的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
Vue中使用pdf.js實(shí)現(xiàn)PDF文檔展示功能實(shí)例
最近做項(xiàng)目遇到在線預(yù)覽和下載pdf文件,試了多種pdf插件,例如jquery.media.js(ie無(wú)法直接瀏覽),最后選擇了pdf.js插件,這篇文章主要介紹了Vue中使用pdf.js實(shí)現(xiàn)PDF文檔展示功能的相關(guān)資料,需要的朋友可以參考下2025-04-04
vue+vue-meta-info動(dòng)態(tài)設(shè)置meta標(biāo)簽教程
這篇文章主要介紹了vue+vue-meta-info動(dòng)態(tài)設(shè)置meta標(biāo)簽教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04