如何在VUE中使用进口引入模块

　　介绍

今天就跟大家聊聊有关如何在VUE中使用进口引入模块,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

VUE是什么

VUE是一套用于构建用户界面的渐进式JavaScript框架,VUE与其它大型框架的区别是,使用VUE可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用VUE可以采用单文件组件和VUE生态系统支持的库开发复杂的单页应用。

<强> 1引入第三方插件

import  echarts 得到& # 39;echarts& # 39;

<强> 2引入工具类

第一种是引入单个方法

import  {axiosfetch},得到& # 39;。/util # 39;;

下面是写法,需要出口导出

export  function  axiosfetch(选项),{ 　　 　　}

第二种,导入成组的方法

import  *, as  tools 得到& # 39;。/libs/工具# 39;

其中工具。js中有多个出口方法,把工具里所有出口的方法导入

vue中怎么用呢?

Vue.prototype tools 美元;=,

工具直接用美元工具。方法调用就可以了

说到这出口和出口违约又有什么区别呢?

下面看下区别

,先是出口

import  {axiosfetch},得到& # 39;。/util # 39;,, 　　,//需要加花括号,可以一次导入多个也可以一次导入一个,但都要加括号

如果是两个方法

import  {axiosfetch、post},得到& # 39;。/util # 39;;

再是出口默认

import  axiosfetch 得到& # 39;。/util # 39;,,//不需要加花括号,只能一个一个导入

<强> 3。导入css文件

import  & # 39; iview/dist/风格/iview.css& # 39;;

如果是在。vue文件中那么在外面套个风格

& lt; style> 　　@import  & # 39;。/test.css& # 39;,, 　　 　　& lt;/style>

<强> 4。导入组件

, import  name1 得到& # 39;。/name1& # 39; 　　import  name2 得到& # 39;。/name2& # 39; 　　组件:{才能 　　,,,,name1, 　　,,,,name2, 　　,,},

看完上述内容,你们对如何在VUE中使用进口引入模块有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。

如何在VUE中使用进口引入模块