Add js library to Vue prototype?

Question

I have an app which uses vue and laravel with laravel mix, I installed a js library called ProgressBar.js via npm install, however now I don't know how to use that library in my .vue files, how can I use the library inside my single file components, maybe adding it to the vue prototype, but how can I require it now?

https://progressbarjs.readthedocs.io/en/latest/#install

Nikolay Yankov · Accepted Answer · 2020-06-18 15:53:35Z

1

If you started your Vue app with vue create command, you can simply import it in your App.vue. Example:

<script>
import ProgressBar from 'progressbar.js'

export default {
  mounted() {
    const line = new ProgressBar.Line('#container')
  }
}
</scirpt>

answered Jun 18, 2020 at 15:53

Nikolay Yankov

3861 gold badge4 silver badges12 bronze badges

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

3 Comments

gabogabans Over a year ago

I actually do something like this: const app = new Vue({ el: '#vueapp', store,

Nikolay Yankov Over a year ago

Is it just in plain html file your new Vue instance?

Nikolay Yankov Over a year ago

If it's simply an HTML file, then you have add a <script> tag with src to node_modules/progressbar.js/dist/progressbar.js and then use it directly from window in your Vue instance. window.Progressbar

Collectives™ on Stack Overflow

Add js library to Vue prototype?

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related