笔记

正常逻辑： 点谁，就在对应显示呈现对应的组件。
有时，需要加权限验证，符合条件时，才能看到对应的组件。

本节实现:

1. Home 和 About 组件可以随便看；
2. News 和 Message 组件，需要利用 本地存储school变量 加权限，满足条件 name="atguigu" 才能看。
手动调试的时候，可手动增加key=value,如下图所示:
![](/uploads/projects/vuejs251026/1875eb779bfbb97c.png#align=center)

为了实现本节功能，需要在前面课的内容上的 index.js 中的每个路由增加 name 。