我有一个 vue 组件
vue-组件(vue-loader)
<template>
<p>This is a template</p>
</template>
<script>
require('main.js')
huha()
</script>
我有
main.js
var huha = function(){
alert("this is huha");
};
alert("this is simple alert");
在这里,我得到“简单警报”,但在评估 huha() 时,它显示参考错误。有人可以帮助我理解为什么会发生这种情况吗?
Edit
我尝试按如下方式使用 testimonial.js,但收到参考错误。
<template>
<p>This is a template</p>
<div id="testimonial-slider"></div>
</template>
<script>
require('testimonial/testimonial.js')
require('testimonial/testimonial.css')
var testimonial = new Testimonial('#testimonial-slider');
</script>
<style>
p{
color: red;
}
</style>
它给出“参考错误:未定义推荐”
您需要像这样导出一个函数:
module.exports = {
huha: function(){
return alert("this is huha");
}
};
然后在你的组件文件中:
<template>
<p>This is a template</p>
</template>
<script>
var main = require('main.js')
main.huha()
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)