如何在VUE中引入工具类JS

JavaScript032

如何在VUE中引入工具类JS,第1张

var utils = {

a: 'hello',

b: function(){

console.log("hello")

}

}

export default utils

在你要引入的组件中:

import Utils from utils.js // utils.js这个是你要引入的那个js文件

然后就可以这样调用了:

Utils.b()

方法一:rpn.js:使用rpn.js实现eval函数功能

操作链接:网页链接

方法二:

(1)使用Underscore.js:操作链接:网页链接

(2)使用Immutable.js:操作链接:网页链接

(3)使用UUID、Base64、Chance:操作链接:网页链接

扩展微信小程序框架功能(1)——Promise

ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.112200)后, 移除了开发者工具对 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 库。

扩展微信小程序框架功能(2)——Generator

Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同。

扩展微信小程序框架功能(3)——函数功能增强

Underscore.js 和 Lodash 是最常用的JavaScript库。

扩展微信小程序框架功能(4)——Immutable.js

Immutable.js 是 Facebook 开发的不可变数据集合。Immutable

Data(不可变数据)一旦创建就不能被修改。通过使用Immutable

Data,可以更容易的处理缓存、回退、数据变化检测等问题,应用开发更简单。

扩展微信小程序框架功能(5)——Redux

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。

扩展微信小程序框架功能(6)—日期时间

Moment.js是一个JavaScript的日期、时间处理工具类,其对于JavaScript的日期时间处理功能非常强悍和全面。可以用在浏览器环境中使用,也可以在Node.js中。

扩展微信小程序框架功能(7)——正则表达式

XRegExp 是一个开源的 JavaScript库,提供一个参数化、可扩展的支持各种浏览器的正则表达式的实现库,支持附加语法、标志以及方法。

扩展微信小程序框架功能(8)——Xml处理

x2js是一个 实现 XML 与 JavaScript 对象之间相互转换的工具库。

扩展微信小程序框架功能(9)——加解密

node-uuid可以快速地生成符合规范 的 UUID。js-base64可以实现Base64编码和解码。crypto-js可以非常方便地在 JavaScript 进行加解密。

扩展微信小程序框架功能(10)——测试辅助

Chance是一个 JavaScript 随机数生成工具。Mock.js可以生成随机数据,拦截 Ajax 请求。

方法三:moment

操作链接:网页链接

返回主页处泥泞遥,看满山花开。

博客园首页联系管理随笔 - 57 文章 - 14 评论 - 0 阅读 - 30870

vue中常用的几种import(模块、文件)引入方式,export,export default,全部/部分文件的导出/导入

一,import(模块、文件)引入方式

1 引入第三方插件

import echarts from 'echarts'

2.导入 css文件

import 'iview/dist/styles/iview.css'

如果是在.vue文件中那么在外面套个style

3.导入组件

import name1 from './name1'

import name2 from './name2'

components:{

name1,

name2,

},

4.import '@…'的语句

@ 等价于 /src 这个目录,避免写麻烦又易错的相对路径

5.引入工具类

第一种是引入单个方法

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'//不需要加花括号 只能一个一个导入

二,export,import和export default的关系

export 与import是es6中新增模块功能最主要的两个命令。

1.export与expor