javascript - 使用 Vue.js 2 创建基本插件

Question

我只是使用默认的 webpack 模板创建新的 vue 应用程序。

vue 初始化 webpack 测试

并创建了一个基本插件，以下是我的插件代码。

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

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

当我将其导入到 main.js 中时，在控制台中，它打印了 3 次。有谁知道为什么吗？

Answer 1

使用开箱即用的 webpack 模板，您的 console.log 将为实例化的 Vue 打印一次，为 App.vue 打印一次，然后为 Hello 组件打印一次。

这是因为您已经定义了一个带有已安装处理程序的全局 mixin，该处理程序将为每个已安装的 Vue 和组件执行。