Vue.js v-select组件未加载到HTML中

我试图创建一个基本的网站，在那里我需要从下拉菜单中选择选项。我正在使用vue strap库中的Select.vue实现相同的功能。但是，v-select组件没有加载到html中。下面给出的是从vue strap继承Select.vue的App.vue：

<template>
    <div>
        <app-header></app-header>
        <v-select v-model="selected" :options="['Vue.js','React']"></v-select>
        <app-footer></app-footer>
    </div>
</template>

<script>
import Header from './components/header.vue'
import select from '../node_modules/vue-strap/src/Select.vue'
import Footer from './components/footer.vue'
export default {
    components: {
        'app-header': Header,
        'app-footer': Footer,
        'v-select': select,
    },
    data() {
      return {

      }
    },
}
</script>

<style scoped>

</style>

我无法解决这些错误。非常感谢您的帮助。
：options=“['Vue.js'，'React']”

上面这一行可能是一个大问题，因为您正在传递静态数据，并且没有分配任何不必使用的变量：

：这实际上是一个绑定运算符。只有在将选项绑定到某个变量时，才应使用此运算符

例如：

data(){
return{
options:[['Vue.js','React']]
}

}

现在，您可以在vue文件中添加

<v-select v-model="selected" :options=options></v-select>



如果不想声明变量，则可以删除：

 <v-select v-model="selected" options="['Vue.js','React']"></v-select>



始终确保传递给组件的内容在数据中声明

如果要使用computed，请确保在使用它之前预先声明它
您在
v-model=“selected”
中定义
所选的
的位置。谢谢你调查这件事。selected是Select.vue中的计算属性。我是否需要包括v-model=“selected”？我认为，因为Select.vue是库的一部分，所以我可以直接使用它，而无需任何修改。您使用它时没有定义itI，我想知道这是如何发生的。我没有碰那个文件。
selected
应该在数据对象中定义，比如
data（）{return{selected:null}