老师你好，这一节的代码我原本很疑惑singerDetail为什么可以占据全屏(后来才发现它的position是fixed，并且top,bottom,left,right都是0), 我还以为是vue-router的原因，然后我就去看文档，发现有个东西叫命名视图，我还以为是这个的原因。然后我看了文档发现自己并不理解命名视图是用来干啥的。
以文档给的例子(https://codesandbox.io/s/nested-named-views-vue-router-4-examples-re9yl?initialpath=/settings/emails&file=/src/views/UserSettings.vue)为例:

在这里写了两个router-view，并且给其中一个的name设置为helper
然后在router.js里面定义了

我不理解的是，为什么我们需要命名视图这个东西，我们完全可以使用新建一个组件(我这里写的是IUserProfileEntry.vue),然后把UserProfile和UserProfilePreview包裹起来，这样就不用使用命名视图图 好像效果差距不大
修改后的地址:https://codesandbox.io/s/nested-named-views-vue-router-4-examples-forked-t3ik2?file=/src/views/UserProfileEntry.vue

所以请老师讲解下命名视图存在的意义。到底什么时候使用命名视图比较合适。