vue使用xe-utils函数库的具体方法
|
本文介绍了vue使用xe-utils函数库的具体方法，分享给大家，具体如下： 安装完成后自动挂载在vue实例：this.$utils(函数库) 支持挂载函数列表：this.$browse(浏览器内核判断) this.$locat(用于读写地址栏参数) 在 vue 实例中通过 this.$utils 调用的函数 this 默认指向当前vue实例。 CDN 安装使用 script 方式安装，VXEUtils 会定义为全局变量 生产环境请使用 vxe-utils.min.js，更小的压缩版本，可以带来更快的速度体验。 cdnjs 获取最新版本点击浏览已发布的所有 npm 包的源代码。 unpkg 获取最新版本 点击浏览已发布的所有 npm 包的源代码 AMD 安装require.js 安装示例// ./main.js 安装
define(['Vue','xe-utils','vxe-utils'],function (Vue,XEUtils,VXEUtils) { Vue.use(VXEUtils,XEUtils) }) ES6 Module 安装方式通过 Vue.use() 来全局安装Vue.use(VXEUtils,XEUtils)
// 通过vue实例的调用方式 vue 实例挂载自定义属性示例 XEUtils.mixin(customs)
Vue.use(VXEUtils,{mounts: ['locat','browse','cookie']}) this.$locat // this.$locat.origin 混合函数文件 ./customs.js 示例 ./main.js XEUtils.mixin(customs)
Vue.use(VXEUtils,XEUtils) // 调用自定义扩展函数 示例Home.vue 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |