Vue 组件的三大组成部分

Vue 组件通常由三大组成部分构成：模板（Template）、脚本（Script）、样式（Style）

模板部分是组件的 HTML 结构，它定义了组件的外观和布局。Vue 使用基于 HTML 的模板语法来声明组件的模板，可以插入动态数据、绑定事件等。脚本部分包含了组件的 JavaScript 代码，用于定义组件的行为逻辑。在脚本中，可以定义组件的数据（data）、计算属性（computed）、方法（methods）等。样式部分定义了组件的样式，用于控制组件的外观和样式。通常使用 CSS 或预处理器（如 Sass 或 Less）编写样式，可以使用作用域样式（scoped styles）确保样式仅应用于当前组件。

结构