vue引入自己写的js,共用js或者引入第三方插件

Posted 云悠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入自己写的js,共用js或者引入第三方插件相关的知识,希望对你有一定的参考价值。

一,vue引入自己写的js

1,创建一个自己的re.js文件,路径:src/global/js/re.js

2,re.js里的内容如下是一个数组判断,js的内容一定要写export 导出,需要把模块导出,让其他组件可以获取到

/**
 * 数组中是否包含某个参数
 * @param array
 * @param obj
 * @returns {boolean}
 */
export const arrayContain = function (array, obj){
  for (var i = 0; i < array.length; i++){
    if (array[i] == obj){//如果要求数据类型也一致,这里可使用恒等号===
      return true;
    }
  }
  return false;
}

2.2,要么自己写的js用自执行函数包裹,也可以import引入

 

3.如果想引用这个方法,就通过import引入

import {arrayContain} from ‘../../js/re‘;
//或者
import {rem} from ‘@/global/js/rem.js‘

 

4,直接在script标签内调用就可以了

if (!arrayContain(storageIds, d.storageId)){
 
}

 

链接:https://www.jianshu.com/p/e34b570a950c

   https://blog.csdn.net/w_e_i_1201/article/details/86178607

   https://blog.csdn.net/weixin_30409849/article/details/95055965

 

以上是关于vue引入自己写的js,共用js或者引入第三方插件的主要内容,如果未能解决你的问题,请参考以下文章

vue 页面引入自己写的js,报错:Module not found?

Vue自学笔记(1)引入vue.js步骤

vue引入scss错误

vue 引入自定义js 并使用

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

vue引入的js文件修改路由不能跳转