Vue3独立页面使用vue3-tags-input报错：window.Vue.use is not a function

这个错误的核心原因是Vue3已经移除了全局的Vue构造函数及对应的use方法，你参照的步骤大概率是基于Vue2的写法，自然会触发报错。下面是适配Vue3全局环境的正确用法：

步骤1：确保正确引入Vue3全局构建版本 #

先引入支持全局挂载的Vue3 CDN脚本，再引入组件脚本：

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/@sipec/vue3-tags-input/dist/vue-tags-input.js"></script>

步骤2：用Vue3的方式注册并使用组件 #

Vue3中所有组件注册、应用配置都要基于createApp创建的实例，不再支持全局Vue.use()的写法：

<div id="app">
  <vue-tags-input v-model="tags" />
</div>

<script>
const { createApp } = Vue;

createApp({
  data() {
    return {
      tags: []
    };
  }
})
// 直接注册组件，组件名称对应vue-tags-input
.component('vue-tags-input', window.VueTagsInput)
.mount('#app');
</script>

错误根源说明 #

Vue2中依赖全局Vue对象进行插件注册，但Vue3重构了全局API体系，取消了全局Vue构造函数的暴露，所有操作都绑定到createApp返回的应用实例上，所以你之前调用window.Vue.use()才会出现“不是函数”的错误。

内容的提问来源于stack exchange，提问作者shrw