How to import JS script in vue loader component?
10,142
You need to export a function like so:
module.exports = {
huha: function(){
return alert("this is huha");
}
};
And then in you components file:
<template>
<p>This is a template</p>
</template>
<script>
var main = require('main.js')
main.huha()
</script>
Author by
Ashvini Kumar
Updated on June 19, 2022Comments
-
Ashvini Kumar almost 2 years
I have a vue-component
vue-compoennt (vue-loader)
<template> <p>This is a template</p> </template> <script> require('main.js') huha() </script>
And I have
main.js
var huha = function(){ alert("this is huha"); }; alert("this is simple alert");
Here I get the 'simple alert' but in assessing huha() it is showing reference error. Can someone please help me to understand why is this happening?
Edit
I am trying to use testimonial.js as following and I am getting reference error.
<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>
It is giving "reference error: Testimonial is not defined"
-
Ashvini Kumar over 8 yearsI have done this but it's not working? I require 'testimonial.js' library so when I do 'require("testimonial")' then use this libraries functions and objects then reference error is thrown.
-
Yauheni Prakopchyk over 8 years@AshviniKumar How exactly do you use the library? Every component is scoped. You're probably referencing the library out of scope.
-
Ashvini Kumar over 8 years@YauheniPrakopchyk I have updated the question, Please have a look at the edited version of the question