Vue中的全局组件(nuxt)

JavaScript Vue.js

泡芙

2020-03-23

在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统不存在.region,.layout,.grid,.column元素。它们都是独立的Vue组件(,...)。

现在,我们最终在每个模板中都这样做:

import BlMain from '~components/frame/main/Main.vue'
import BlRegion from '~components/frame/region/Region.vue'
import BlLayout from '~components/frame/layout/Layout.vue'
import BlGrid from '~components/frame/grid/Grid.vue'
import BlColumn from '~components/frame/column/Column.vue'

有没有办法在您的项目中全局导入Vue组件?是否可以选择创建包含上述导入内容的Frame.vue组件并将其添加到每个模板中?其他有限元框架如何解决这个问题?

我们在Vue 上使用Nuxt JS

第2782篇《Vue中的全局组件(nuxt)》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
LGil 2020.03.23

在文件夹layout下创建一个frame.vue,导入其中的所有组件,并使其成为所有模板的布局,例如 /template.vue

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android