欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解VUE中常用的幾種import（模塊、文件）引入方式

 更新時(shí)間：2018年07月03日 09:56:02   作者：butterflyer  
這篇文章主要介紹了詳解VUE中常用的幾種import（模塊、文件）引入方式，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

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)用就可以了

說到這 export 和 export default 又有什么區(qū)別呢？

下面看下區(qū)別

 先是 export 

import {axiosfetch} from './util'; 
 //需要加花括號 可以一次導(dǎo)入多個(gè)也可以一次導(dǎo)入一個(gè)，但都要加括號

如果是兩個(gè)方法

import {axiosfetch,post} from './util';

再是 export default 

import axiosfetch from './util'; //不需要加花括號 只能一個(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,
  },

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • vue2.0+SVG實(shí)現(xiàn)音樂播放圓形進(jìn)度條組件

    vue2.0+SVG實(shí)現(xiàn)音樂播放圓形進(jìn)度條組件

    這篇文章主要為大家詳細(xì)介紹了Vue2.0+SVG實(shí)現(xiàn)音樂播放圓形進(jìn)度條組件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-09-09
  • 詳解vue配置請求多個(gè)服務(wù)端解決方案

    詳解vue配置請求多個(gè)服務(wù)端解決方案

    這篇文章主要介紹了詳解vue配置請求多個(gè)服務(wù)端解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • vue使用微信掃一掃功能的實(shí)現(xiàn)代碼

    vue使用微信掃一掃功能的實(shí)現(xiàn)代碼

    這篇文章主要介紹了vue使用微信掃一掃功能的實(shí)現(xiàn)代碼,需要的朋友可以參考下
    2020-04-04
  • Vue2?Element?description組件列合并詳解

    Vue2?Element?description組件列合并詳解

    在使用Vue的時(shí)候經(jīng)常會涉及到表格的列合并,下面這篇文章主要給大家介紹了給大家Vue2?Element?description組件列合并的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-01-01
  • Vue路由vue-router用法講解

    Vue路由vue-router用法講解

    這篇文章介紹了Vue路由vue-router的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2022-01-01
  • 關(guān)于VUE的編譯作用域及slot作用域插槽問題

    關(guān)于VUE的編譯作用域及slot作用域插槽問題

    這篇文章主要介紹了VUE 的編譯作用域及slot作用域插槽問題，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-07-07
  • 簡單聊聊Vue中的ref,toRef與toRefs

    簡單聊聊Vue中的ref,toRef與toRefs

    這篇文章主要是想和大家來簡單聊聊Vue中的ref、toRef、toRefs這三個(gè)函數(shù)的使用與區(qū)別，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下
    2023-04-04
  • 解決VUE-npm ERR! C:\rj\node-v14.4.0-win-x64\nod問題

    解決VUE-npm ERR! C:\rj\node-v14.4.0-win-x64\nod問題

    這篇文章主要介紹了解決VUE-npm ERR! C:\rj\node-v14.4.0-win-x64\nod問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-04-04
  • 從Vue到Postman全面驗(yàn)證API接口跨域問題解決

    從Vue到Postman全面驗(yàn)證API接口跨域問題解決

    我們都知道跨域是同源策略導(dǎo)致的,域名不同、協(xié)議不同、端口號不同任意一種情況都會導(dǎo)致跨域,這篇文章主要介紹了從Vue到Postman全面驗(yàn)證API接口跨域問題,需要的朋友可以參考下
    2024-08-08
  • Nuxt 項(xiàng)目性能優(yōu)化調(diào)研分析

    Nuxt 項(xiàng)目性能優(yōu)化調(diào)研分析

    這篇文章主要介紹了Nuxt 項(xiàng)目性能優(yōu)化調(diào)研分析，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11

最新評論