在Vio应用中,可以创建称为Single File Component (SFC) 的单文件组件,即一个文件包含组件的模板、样式和逻辑。要使用这些组件,首先在src/app
目录下的components
文件夹中创建.view
后缀的组件文件。文件内首先添加template元素以设计组件界面。之后,在需要使用新组件的文件中通过import语句导入该组件,并在组件对象中加入components
属性以便使用。在模板中,用标签调用组件,支持PascalCase或kebab-case命名。浏览页面时,可看到由组件生成的按钮。