jiefancis / blogs

个人博客,学习笔记(issues)
1 stars 0 forks source link

router-view做了什么 #32

Open jiefancis opened 2 years ago

jiefancis commented 2 years ago

页面切片

new Vue().$mount()的时候,App.vue文件里面本来就没有 我们在template里面写的只有router-view,内容是怎么展示出来的?

vue-router定义全局组件router-view,作为占位符,等到template解析到router-view的时候,会执行router-view的render函数,这个render函数会获取当前路由url,跟new Router({ routes})中的路由进行匹配,得到这个组件对应的页面片段,以此进行展示

vue-router是将每个路由下的页面作为片段进行加载