VUE3-博客全栈 06-前端

本节：文章的列表，添加文章，修改文章，删除文章

 div：

一、文章列表 :循环出内容，手写分页功能步骤: (1)循环出总页数 { {页数}} (2)点击进行分页切换

二、添加、修改文章 （1）绑定变量  （2）点击方法

script: 1.引入模块  2.实例化引入的模块

1.获取博客列表、博客分类的方法，进行挂载，用来接收后端的数据都要先定义好空间。

 2.添加博客 添加方法:(1)定义变量接收前端输入的数据 (2)定义方法，调用接口，把接收到的数据传给后端，并弹出后端返回的内容。

 3.修改博客 

1.跳到修改的页面，调用接口，获取当篇博客数据，进行赋值

 2.提交修改方法 调用接口，传修改好的数据，如果后端返回200，则跳到列表页面，重新调用获取列表的数据。接收用户修改的数据变量空间要先定义好。

 4.删除博客，调用接口，传id给后端， 就可以删除数据了。这里是组件的弹出确认的模态框。

5.添加页面路由：

      { path: "/dashboard/article", component: () => import('../views/dashboard/Article.vue') },

PS1: 1.注入axios,服务器地址，这样其他地方只要调用那个 注定义的名字就可以使用了。