How to import js file in the Vue component?

devquora
devquora

Posted On: Jun 20, 2024

 

    1 Answer Written

  •  devquora
    Answered by devquora

    To import a JavaScript file in a Vue component, you can use the import statement at the top of your component's script section.

    Assuming you have a JavaScript file named example.js located in the same directory as your Vue component, you can import it like this:

    import Example from './example.js';
    
    export default {
      // Component code here
    }
    
    

    In the example above, we're importing the Example object from the example.js file. The path to the file is relative to the current component's directory, hence the ./ before the file name.

Related Questions

Please Login or Register to leave a response.

Related Questions

Vue.js Interview Questions

What is Vue.js?

Vue.js is a progressive JavaScript framework that simplifies UI development. It offers reactive data binding, component-based architecture, and a flexible ecosystem. Vue's simplicity and versatility m..

Vue.js Interview Questions

List some features of Vue.js.

Vue.js offers templates for easy UI creation, reactive data binding, component-based architecture, built-in transitions for animations, and dynamic routing for single-page applications. These features..

Vue.js Interview Questions

Explain Life cycle of Vue Instance.

The Vue.js lifecycle includes stages like creation for initialization, mounting for DOM insertion, updating for reactivity, and destroying for cleanup. Each stage provides hooks to manage component be..