Create basic plugin with Vue.js 2

Question

I just create new vue app with default webpack template.

vue init webpack test

and created a basic plugin, following is my plugin code.

export default {
    install(Vue, defaultOptions = {}) {

        Vue.mixin({
            mounted(){
                console.log('myplugin mixin mounted')
            }
        })
    }
}

When I import it in main.js, in the console, its print 3 times. Anyone know why?

Bert · Accepted Answer · 2017-07-03 05:38:01Z

1

With the out of the box webpack template your console.log will print once for the instantiated Vue, once for the App.vue, and then once for the Hello component.

This is because you have defined a global mixin with a mounted handler, which will execute for each Vue and component that is mounted.

answered Jul 3, 2017 at 5:38

Bert

82.6k17 gold badges205 silver badges166 bronze badges

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

Collectives™ on Stack Overflow

Create basic plugin with Vue.js 2

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