VueRouter——命名视图（四）

1.命名视图

1.1 不命名是什么效果：

看看结果：

为什么会这样？因为三个路由视图渲染的是同一个组件。

1.2 命名视图怎么用：

router.js：

{
  path: '/',
  components: {
    default: Home,
    haveName: () => import("../components/haveName.vue"),
  },
},

app.vue：

效果：

总结

需要使用命名视图的场景并不多，但需要用到的时候要会配！

---

Keep foolish, keep hungry.