vue引入外部js文件并调用其中的方法

vue引入外部js文件并调用其中的方法

最近写vue项目，由于刚接触vue这个框架，所以在写代码的时候也是遇到了一些问题，比如本文所提到的引入js文件，话不多说直接上：

这里是所引入的外部js文件的位置

第一种引入方式：export default 方法（在main.js中引入）

export default {
  los: function() {
    console.log('js外部被调用')
  }
}

这是common.js文件中的代码

import los from '@/assets/js/common.js'

Vue.prototype.$los = los

这是main.js中的代码

在组件中调用：

this.$los.los()

在控制台打印出如下信息：

第二种方式：组件引入

export function los() {
	console.log('js外部调用')
}

这是common.js文件代码

vue组件调用：

import { los } from '../assets/js/common.js'

los()