前一个小节的内容中已经实现了管理后台全屏显示的功能,这个小节来实现重新加载组件的效果,要实现的功能是:点击头部信息栏中的刷新图标,要重新加载当前显示的组件界面,并且还要给组件加上了过渡动画的效果。
Vue3项目开发(微信文章集合)
1.1、运行效果
这个小节实现的重新加载组件的运行效果,如下图所示:

1.2、实现代码
首先,我们来解决组件重新加载的这个问题?
当我们点击左侧菜单栏的时候,右侧内容区域就会显示对应菜单的界面,这其实是显示的一个Component
组件,因为我们使用的是Vue-Router
中的<router-view><