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

Question

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

因此，如果它能够在 vuejs 2/3 上互换运行那就更理想了。

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

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;
}