Javascript VueJS-组件中的组件

Javascript VueJS-组件中的组件,javascript,vue.js,Javascript,Vue.js,我希望有一个非常简单的问题:我想从VueJS中的组件中链接组件 到目前为止,我所拥有的: create.js(将与网页一起呈现以创建.min.js) 组件/App.vue <template> <h1>Create!</h1> <ss-lang></ss-lang> <pre> {{ $data | json }} </pre> </template> <script&

我希望有一个非常简单的问题:我想从VueJS中的组件中链接组件

到目前为止,我所拥有的:

create.js(将与网页一起呈现以创建.min.js)

组件/App.vue

<template>
  <h1>Create!</h1>
  <ss-lang></ss-lang>
  <pre>
    {{ $data | json }}
  </pre>
</template>

<script>
    module.exports = {
        name : 'Create',
        components : {
        'ss-lang' : new Language()
        }
    }
</script>
//App.vue
<script>
    var Language = require('./relative-path-to-the-component/Language.vue')
    module.exports = {
        name : 'Create',
        components : {
        'ss-lang' : Language
        }
    }
</script>

创造!
{{$data | json}
module.exports={
名称:“创建”,
组成部分:{
新语言
}
}
组件/语言.vue

<template>
  <h1>Create!</h1>
  <ss-lang></ss-lang>
  <pre>
    {{ $data | json }}
  </pre>
</template>

<script>
    module.exports = {
        name : 'Create',
        components : {
        'ss-lang' : new Language()
        }
    }
</script>
//App.vue
<script>
    var Language = require('./relative-path-to-the-component/Language.vue')
    module.exports = {
        name : 'Create',
        components : {
        'ss-lang' : Language
        }
    }
</script>

{{language.name}
module.exports={
名称:'语言',
数据:函数(){
返回{
所选语言:“”,
语言:[
{value:'be_en',name:'English'},
{value:'be_fr',name:'Français'},
{value:'be_de',name:'Deutsch'},
{value:'be_nl',name:'Nederlands'},
{value:'be_es',name:'Español'}
]
}
}
}
当我在浏览器中打开时,我得到一条消息“UncaughtTypeError:语言不是函数”。我希望通过将“ss lang”连接到该语言就足以实现连接(正如我在create.js中添加的语言)

我做错了什么?(例如,我缺少文档的哪一部分?

您应该在App.vue中导入语言组件。在您的示例中,它仅在create.js的上下文中导入:

//App.vue
var Language=require(“./组件的相对路径/Language.vue”)
module.exports={
名称:“创建”,
组成部分:{
“ss郎”:语言
}
}

谢谢你的回答,我实际上已经尝试过这个选项,但不幸的是,这给了我相同的错误消息:“未捕获类型错误:语言不是函数”按原样传递语言对象,不要使其不稳定。啊,谢谢,我还在做:new Language()。现在,没有错误了(也没有选择框,但这是另一个故事。接受答案^