多个单文件组件和Vue Webpack模板

时间:2017-05-11 16:10:40

标签: vue.js

我使用https://github.com/vuejs-templates/webpack设置了一个简单的Vue网站。此模板附带一个单个文件组件(App.vue)。我想弄清楚如何构建一个包含多个单个文件组件的站点?

例如,假设我有一个网页上有四个单个文件组件:一个可以对表数据进行排序和分页的表组件,一个过滤表组件数据的过滤器组件,一个按钮组件有一些按钮,如new / edit / delete,以及一个带有下拉选项的标题组件,选中这些选项时会替换可用的过滤器和表格中的数据。

我假设我会创建四个.vue页面(Table.vue,Filter.vue,Button.vue和Header.vue),但我并不确定如何将它们全部包含在同一页面上。我假设我将App.vue用作其他四个单个文件组件的容器,但我不确定如何将其他四个.vue页面包含到App单个文件组件中。应该在main.js中引用它们吗?

0 个答案:

没有答案