该视频仅会员有权观看
立即开通课程「Vue.js前端应用开发实践」权限。
- 在使用Vue框架开发前端应用时，创建组件是常见的做法。
- 组件是应用中的一个页面或页面上的一部分界面，并且可以互相组合使用。
- Vue项目中的组件可以是单文件组件，通常以.view为后缀。
- 组件文件分为三个部分：模板(template)、样式(style)和脚本(script)。
- 模板定义组件的结构，使用HTML标签，并可包含在
<template>标签中。
- 样式定义组件的外观，可放在
<style>标签内，也可从外部样式表导入。
- 脚本负责组件的行为，可以导入所需的方法和其他组件，通常包含在
<script>标签中。
- 组件的脚本部分通常使用
export default来导出组件，使得其他组件能够引入使用。
- 组件的脚本中通常会利用
defineComponent函数来定义组件的名字、支持的属性、使用的数据和方法等。
- 组件属性，比如
msg，用于在模板中显示数据，可以被其他组件通过传递属性的方式使用。
- 使用组件时，需要在父组件中导入并在
components属性中声明，之后即可在父组件模板中引用并传递数据。
下一节
了解 Vue 应用的路由（Vue Router）
