国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:32:56
字體:
來源:轉載
供稿:網友

1 引入第三方插件

import echarts from 'echarts'

2 引入工具類

第一種是引入單個方法

import {axiosfetch} from './util';

下面是寫法,需要export導出

export function axiosfetch(options) {} 

第二種  導入成組的方法

import * as tools from './libs/tools'

其中tools.js中有多個export方法,把tools里所有export的方法導入

vue中怎么用呢?

Vue.prototype.$tools = tools

直接用 this.$tools.method調用就可以了

說到這 export 和 export default 又有什么區別呢?

下面看下區別

 先是 export

import {axiosfetch} from './util';  //需要加花括號 可以一次導入多個也可以一次導入一個,但都要加括號

如果是兩個方法

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

再是 export default

import axiosfetch from './util'; //不需要加花括號 只能一個一個導入

3.導入 css文件

import 'iview/dist/styles/iview.css';

如果是在.vue文件中那么在外面套個style

<style> @import './test.css'; </style>

4.導入組件

 import name1 from './name1'import name2 from './name2'  components:{     name1,     name2,  },

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持錯新站長站。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 泰州市| 龙里县| 胶南市| 富阳市| 林芝县| 浮梁县| 五家渠市| 凌源市| 土默特右旗| 怀柔区| 陆丰市| 万山特区| 黑山县| 庆阳市| 虞城县| 文化| 呼伦贝尔市| 瑞昌市| 建瓯市| 延长县| 教育| 高碑店市| 四平市| 丹阳市| 盐源县| 保山市| 青河县| 桂东县| 浦城县| 祥云县| 小金县| 林州市| 望都县| 云安县| 霸州市| 嫩江县| 鲜城| 建昌县| 文山县| 丁青县| 内黄县|