如何从具有多个组件的文件中导入组件

加里

我想将具有多个vue组件的文件中的特定Vue组件导入另一个组件文件

我已经尝试了从'./components/SeveralComponents的普通导入组件,但是没有用

Vue.component('firstComponent', {
    props: [a,b,c],
    template: <p>hello world</p>
});

Vue.component('secondComponent', {
    props: [c,d,e],
    template: <h1> heading1 </h1>
});

<div>
    <secondComponent></secondComponent>
</div>

export default {
    name: 'SeveralComponents',
    data() {
},
    methods: {
        method1() {
}

如何将firstComponent导入另一个组件文件?

我希望只有第一个组件

史蒂芬·斯潘金(Steven Spungin)

您可以使用命名的导出导出options对象,然后在另一步中向Vue注册该对象。

然后将命名的导出导入到客户端文件中。

export const firstComponent = {
    props: [a,b,c],
    template: <p>hello world</p>
}
Vue.component('firstComponent', firstComponent); 


import {firstComponent} from 'MultiComponent.vue'

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Vuejs项目中导入具有相同名称的多个组件?

在同一个文件中导入多个聚合物Web组件(出现错误:...。已经注册了具有该名称的类型)

如何从js文件中导入数据以在组件中使用

如何在Typescript文件中导入Svelte组件?

如何在React组件中导入CSS文件

如何在QML文件中导入QML组件资源

如何在vue 3子组件中导入CSS文件?

如何在vue.js项目的main.js文件中导入js类并在所有组件中使用它,而不是在每个组件中导入?

如何在React中导入所有组件?

在Angular的组件中导入全局LESS文件

在同构React组件中导入CSS文件

在React组件中导入分割的CSS文件

如何渲染具有不同组件名称的多个组件?

如何在React中导入Bootstrap组件?

如何在 Vuejs 2 中导入组件

如何在react组件中导入chartist?

如何在反应中导入子组件?

如何创建具有相同逻辑的多个组件或具有多个模板的1个组件?

如何使用Webpack在Vue.js单文件组件中导入json文件

如何设置全局导入的Vue组件具有预设属性?

在Angular 4中的多个模块中导入组件

通过名称在React-Native组件中导入多个SVG

具有多个端点的骆驼文件组件字符集

如何在Vue单个文件组件中导入和使用图像?

如何在过去两个文件夹的反应本机中导入组件?

如何在angular 6组件中导入外部jquery文件?

在Nativescript Angular中导入组件

如何从文件夹导入所有Vue组件?

在react组件中导入一个include文件并访问