<template> 部分
<template> 部分是 Vue 组件的模板部分，用于定义组件的结构和布局。它使用类似 HTML 的语法来描述组件的 UI。
<style> 部分
<style> 部分用于定义组件的样式。可以使用普通的 CSS，也可以使用预处理器如 SCSS、LESS 等。通过添加 scoped 属性，可以使样式仅作用于当前组件，避免样式冲突。
<script> 部分
<script> 部分是 Vue 组件的逻辑部分，用于定义组件的行为和数据。它使用 JavaScript 语法来编写组件的逻辑，包括数据定义、方法、生命周期钩子等。
