如何在VUE中写入JS文件 5C

图片说明

如图所示,一般情况下我们都会把函数写在methods里面,然后可以@click="demo()"从而将函数绑定在DOM上,但是我现在不想把js写在当前页面
图片说明
我想新建一个JS文件,然后在本页面的script标签里面引用,然后直接也可以用@click=""将单独JS中的函数绑定至本页面的DOM节点,我该怎么做?谢谢!!!!!

5个回答

可以尝试在methods里面调用JS,然后@click=""调用时就会直接执行JS里面的函数了

insistlzh
罗忠浩 如何在methods中调用?
3 年多之前 回复

不知道是不是你要的,随便敲了敲你看下吧
//js内容
//data包
var databox={
msg:"aaa"
};

//method包
var fnbox={
fn:function(){
this.msg = "bbb"
}
};


<!doctype html>



vue外联js



{{msg}}


click me



<br> new Vue({<br> el:&quot;#diva&quot;,<br> data:databox,<br> methods:fnbox<br> });<br>


不知道是不是你要的,随便敲了敲你看下吧
//js内容
//data包
var databox={
msg:"aaa"
};

//method包
var fnbox={
fn:function(){
this.msg = "bbb"
}
};


<!doctype html>



vue外联js



{{msg}}


click me



<br> new Vue({<br> el:&quot;#diva&quot;,<br> data:databox,<br> methods:fnbox<br> });<br>


ES6模块化

 // a.js
 export default {
     a:function(){
            console.log('如果好用请采纳')
     }
 }

// .vue组件
<template></template>
<script>
        import {a} from './a.js';
        export default{
                data(){},
                methods:{
                        clickHandler:a
                }
        }
</script>

图片说明

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐