详解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 生成指定范围数值随机数
Jan 09 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
Sep 28 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
node使用request请求的方法
Dec 20 Javascript
JavaScript中变量提升机制示例详解
Dec 27 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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
PHP中的类-什么叫类
2006/11/20 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
PHP微信红包API接口
2015/12/05 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
javaScript 简单验证代码(用户名,密码,邮箱)
2009/09/28 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
2016/05/25 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
基于 Bootstrap Datetimepicker 联动
2017/08/03 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
React实现轮播效果
2020/08/25 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
Clos19英国:高档香槟、葡萄酒和烈酒在线购物平台
2020/07/10 全球购物
大学生自荐信
2013/12/11 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
学校节水倡议书
2015/04/29 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
公司保洁员管理制度
2015/08/04 职场文书
迎国庆主题班会
2015/08/17 职场文书
《雪地里的小画家》教学反思
2016/02/16 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL