vue项目经验:引入外部js文件(第三方js工具或者jq库)
方法一:静态资源导入(或者cdn资源加载)
在public文件夹下的index.html文件使用script标签对插件进行引用。 可以是项目中的静态资源,也可以是远程资源。
例如:
//本地静态资源,直接放在public文件夹下
//cdn资源加载
方法二: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'