vue引入外部功能js代码

vue引入外部功能js代码

外部功能js代码实现公共功能代码，可能被多处引用

 

外部js文件_1

// 前端页面常用计算函数
export default {
  // 获得给定数组一个属性和值，出错返回 undefined
  getElementuiSelectindex: function (inarray, key, value) {
    let indexback
    if (inarray.length === 0) return indexback
    for (let index = 0; index < inarray.length; index++) {
      const element = inarray[index]
      if (element[key] === value) {
        indexback = index
        break
      }
    }
    return indexback
  }
}

 

外部js文件_2 独立vue实例用于事件管理

// 本文件是整个前端自定义事件管理机制
import Vue from 'vue'
const gcustEvtVm = new Vue() // 新建一个vue管理所有自定义事件
export default {
  custEvtVm: gcustEvtVm
} 

 

vue导入外部js文件并调用里面的成员和函数

<script> 

import customEvent from "../class/customEvent"; 

customEvent.custEvtVm.$emit("AREAS-ALL", pagethis.apidata.areas); // 发出事件 

<script>