使用 vue 组件但显示为空白

【问题标题】：using vue component but appear blank使用 vue 组件但显示为空白
【发布时间】：2022-01-09 17:46:16
【问题描述】：

这是包含 vue 组件的正确方法吗？

new Vue({
  render: (h) => h(App)
})
  .component("v-select", vSelect)
  .$mount("#app");

我尝试使用vue-select，但看到一个空白屏幕https://codesandbox.io/s/affectionate-goodall-judt9?file=/src/main.js:164-254

【问题讨论】：

标签： javascript typescript vue.js

【解决方案1】：

注册vue组件，使用这种方式

import Vue from "vue";
import App from "./App.vue";

import vSelect from "vue-select";
import "vue-select/dist/vue-select.css";

Vue.config.productionTip = false;

//Here register v-select component
Vue.component("v-select", vSelect);

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

【讨论】：