python-66-前后端分离之图书管理系统的Vue前端项目逐行分析

1 App.vue的数据表格

一个Vue文件通常由以下三部分组成，分别对应 template、script和style 标签：
(1)template：定义组件的HTML结构，描述用户界面的呈现方式。这部分使用的是类HTML的语法，可以嵌套各种标签，并结合Vue的指令(如v-if、v-for、@click等)实现动态交互。
(2)script：定义组件的逻辑部分，包含数据、方法、生命周期钩子等。这部分使用 JavaScript 或 TypeScript 编写，负责处理业务逻辑、数据绑定和事件响应。
(3)style：定义组件的样式，用于控制组件的外观。可以通过 scoped 属性限制样式仅作用于当前组件，避免全局污染。

1.1 template部分

这段代码实现了一个简单的图书管理系统前端界面，功能包括：
(1)显示图书管理系统的标题。
(2)提供“添加图书”按钮，点击后显示添加对话框。