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'

Copyright © 2088 世界杯预选赛中国_1994年世界杯冠军是谁 - nywk120.com All Rights Reserved.
友情链接
Top