vue引入外部js文件（第三方js工具或者jq库）

方法一:静态资源导入（或者cdn资源加载）

在public文件夹下的index.html文件使用script标签对插件进行引用。
可以是项目中的静态资源，也可以是远程资源。

例如：

//本地静态资源，直接放在public文件夹下
<script type="text/javascript" src="./wangEditor.min.js"></script>

//cdn资源加载
<script type="text/javascript" src="https://unpkg.com/wangeditor/release/wangEditor.min.js"></script>

方法二：import/export 方式

1、改写js文件，将其内部函数通过export导出

例如：

在src下创建utils文件夹（用于存放js工具方法），新建myTest.js文件

function myNotice() {
  console.log("方法执行")
}
export default myNotice

2、组件内部通过import引入函数

import  myNotice from '@/utils/myTest.js'

myNotice()  //vue中调用即可

import/export 方式的写法

方法三：require方式

直接require，相当于直接在组件内部加载js代码

require('@/utils/jquery.wordexport')

方法四：npm安装

对于一些常用的js方法基本都可以通过npm安装。

例如：jquery

npm install jquery --save

import $ from 'jquery'