logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

定义与使用 Vue 组件

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