对于单页面进行页面切换的原理,其实就是利用路由找到对应的组件页面。然后替换指定标签进行显示
例如我们在vue的main.js中一开始总将app.vue挂载到指定标签上。这样我们创建的所有其他路由页面都是app.vue的子路由页面,如果进行显示就要替换app.vue中的router-view。让我们输入路由path找到对应的components组件然后替换其父级路由中router-view标签进行显示。这样就实现了单页面也能进行多页面切换显示
如图
对于单页面进行页面切换的原理,其实就是利用路由找到对应的组件页面。然后替换指定标签进行显示
例如我们在vue的main.js中一开始总将app.vue挂载到指定标签上。这样我们创建的所有其他路由页面都是app.vue的子路由页面,如果进行显示就要替换app.vue中的router-view。让我们输入路由path找到对应的components组件然后替换其父级路由中router-view标签进行显示。这样就实现了单页面也能进行多页面切换显示
如图