Standard way of Importing javascript modules into vue components

Question

What is the correct way of importing javascript modules into vue-components?

I currently have a vue-component component.js:

Vue.component('component', {
    name: 'component',
    props: ['pdf'],
    template: ` ...

I want to take a pdf-url as a prop and use pdf.js within the component, but I'm having trouble finding the right way/standard way to import pdf.js into my project.

Worth noting is that I'm not using vue-cli, or any other kind of bundler like Webpack, so my project structure might be a bit different from standard project structures. I access my components from a main.html file in which I have imported both vue and the components in script-tags in the head of the html. Would I simply import pdf.js in the same manner (head in the main.html file), or is there a "vue"-way of doing it?

"is there a "vue"-way of doing it?" <- one of the best things about Vue is that it is un-opinionated about any other library you want to use — Phil
– Phil, Commented Aug 15, 2018 at 8:27

bretanac93 · Accepted Answer · 2018-08-15 08:25:27Z

2

If you are not using webpack or any other packager, then I will recommend you to stick to the old fashion way, just use pdf.js as script in your html and make use of the API as it is in the official documentation, such as: pdf.getPage(1).then(...)

Hope it helps.

Cheers

answered Aug 15, 2018 at 8:25

bretanac93

6278 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Standard way of Importing javascript modules into vue components

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related