详解VUE中常用的几种import(模块、文件)引入方式


Posted in Javascript onJuly 03, 2018

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 常用功能总结
Mar 18 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
JavaScript累加、迭代、穷举、递归等常用算法实例小结
May 08 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
Aug 17 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 Javascript
Vue props用法详解(小结)
Jul 03 #Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 #Javascript
详解Vue中使用Echarts的两种方式
Jul 03 #Javascript
vue awesome swiper异步加载数据出现的bug问题
Jul 03 #Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 #Javascript
js实现各浏览器全屏代码实例
Jul 03 #Javascript
React Native基础入门之初步使用Flexbox布局
Jul 02 #Javascript
You might like
PHP 日常开发小技巧
2009/09/23 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
PHP的PDO连接讲解
2019/01/24 PHP
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
python实现探测socket和web服务示例
2014/03/28 Python
python结合API实现即时天气信息
2016/01/19 Python
Python守护线程用法实例
2017/06/23 Python
Python读取数据集并消除数据中的空行方法
2018/07/12 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
实习鉴定范文
2013/12/19 职场文书
初中生自我鉴定
2014/02/04 职场文书
教师个人剖析材料
2014/02/05 职场文书
岗位明星事迹材料
2014/05/18 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
师德师风主题教育活动总结
2015/05/07 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers