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

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 13:34:15
字體:
來源:轉載
供稿:網友

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,  },

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南丹县| 南通市| 桐乡市| 四会市| 搜索| 北安市| 虹口区| 金华市| 溆浦县| 墨竹工卡县| 岗巴县| 泰顺县| 阜新市| 库伦旗| 本溪| 西城区| 万年县| 曲麻莱县| 天津市| 江北区| 封开县| 都兰县| 临西县| 云安县| 高阳县| 弥渡县| 卢湾区| 唐河县| 梅州市| 淮阳县| 潢川县| 左云县| 偏关县| 三江| 凤山县| 丽江市| 通城县| 乐山市| 吉木乃县| 寿宁县| 来宾市|