Vue.Use したのに動かない

概要

• Plugin を Vue.Use に渡したのに install が実行されていない挙動。
• 原因は require, import の挙動の違い
• 参考

require, import の違い

const Vue = require('vue')  // 1
import Vue from 'vue'       // 2
const { default: Vue } = require('vue') // 2 と同じ

• 1 ではモジュール自体を Vue に格納している

const Vue = require('vue')  // 1
console.log(Vue)

Module {default: ƒ, __esModule: true, Symbol(Symbol.toStringTag): "Module"}
default: ƒ Vue(options)
Symbol(Symbol.toStringTag): "Module"
__esModule: true
__proto__: Object

エラーが出なかったのはなぜ

• PluginInstall するところ
• plugin が undefined ではないので、undefined エラーが出ずにインストールした気になる。