Vue模块组件检测Vue.js版本？

Question

我有一个组件，我想用简单的v-model功能发布到NPM。

因此，如果它可以在vuejs 2/3上交替运行，那将是非常理想的。

我可以通过设置组件以发出input和update:modelValue来强制两者的行为，但更优雅的解决方案是验证用户的实现并相应地发出。运行时工具链中的某个地方是否有"version“属性？或者，优雅地检测客户端构建版本的最佳方式(或其中之一)是什么？

Answer 1

Vue 3:

import * as Vue from 'vue';

console.log(Vue.version) // "3.0.0"

Vue 2:

import Vue from 'vue';

console.log(Vue.version) // "2.6.12"

要在这两者之间做出有效的决定，您可以这样做：

import * as Vue from 'vue';

// Make copy to prevent import warning in Vue 2
const vueObject = { ...Vue };
let version;

if (vueObject.default) version = 2;
if (vueObject.version && vueObject.version[0] === '3') {
    version = 3;
}

Answer 2

与：Vue.version

import Vue from 'vue'
import App from './App.vue'

console.log(Vue.version);

new Vue({
  render: h => h(App),
}).$mount('#app')

参考资料：https://www.positronx.io/how-to-check-current-vue-js-application-version/