详解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 相关文章推荐
动态改变textbox的宽高的js
Oct 26 Javascript
javascript div 弹出可拖动窗口
Feb 26 Javascript
JavaScript 通过模式匹配实现重载
Aug 12 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
使用变量动态设置js的属性名
Oct 19 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
详解使用fetch发送post请求时的参数处理
Apr 05 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
Vue 修改网站图标的方法
Dec 31 Vue.js
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文件的实现方法
2007/03/19 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP计划任务、定时执行任务的实现代码
2011/04/23 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
jQuery textarea的长度进行验证
2009/05/06 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
pyhton列表转换为数组的实例
2018/04/04 Python
python实现飞机大战小游戏
2019/11/08 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
python 字符串格式化的示例
2020/09/21 Python
python 制作本地应用搜索工具
2021/02/27 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
母亲80寿诞答谢词
2014/01/16 职场文书
2014年度安全生产目标管理责任书
2014/07/25 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
销售活动策划方案
2014/08/26 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
劳动合同变更协议书范本
2019/04/18 职场文书
十二月早安励志心语大全
2019/12/03 职场文书
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS