1.vue-cli webpack在全球范围内引入jquery

(1)首先，npm install jquery - save (- save)表示将模块安装到项目目录中，并将依赖项写入包文件的dependencies节点。)

(2)在网络包中添加

var web pack=require(' web pack ')(3)在模块末尾添加。导出

插件： [newwebpack。优化。commonchunkplugin ('common.js ')，newwebpack。provide plugin({ jquery : ' jquery '，$:' jquery'})] (4)在main.js中导入就可以了(可以不用它就测试这一步)

从“jquery”(5)导入$然后npm运行dev可以在页面中直接使用$了。

2.vue组件引用外部js的方法

项目结构如图3360所示

内容组件代码：

模板div输入ref=' test ' id=' test ' button @ click=' DIY fun ' click/button/div/templatescript import { my fun } from './js/test.js' /注意路径export default { data(){ return { testvalue : ' ' }，methods : { DIY fun 3360 function(){ my fun()；} }}/scripttest.js代码：

函数my fun(){ console . log(' success ')} export {//非常关键myfun}使用了es6的语法。

3.单个vue页面引用内部js方法

(1)首先，npm install jquery - save (- save)表示将模块安装到项目目录中，并将依赖项写入包文件的dependencies节点。)

(2)将$导入要引用的vue页面，然后使用它

这张照片上有一个黄色警告。如果像这样将console.log($)更改为：

export default { mount ed : function(){ console . log($)} }将不存在，可能是因为它必须符合vue中js的编写。

摘要

以上就是边肖介绍的各种引用vue js文件的方法，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！