vue 利用 permission.js 设置一个公告页面，不需要权限即可查看

在Vue项目中，你可以使用Permission.js库来控制哪些页面需要特定权限才能访问。如果想要设置一个公告页面无需权限就可以查看，首先你需要安装Permission.js并按照其文档配置。

1. 安装：

   npm install permissionjs

2. 配置：
在main.js或者其他全局入口文件中引入Permission.js，并初始化它：

   import Permission from 'permissionjs';

   const permission = new Permission();

   // 如果你想让所有页面默认都不需要权限，可以在全局配置中设置
   permission.set('view_announcement', true); // 假设"view_announcement"是你自定义的一个权限名

3. 在组件中使用：
在需要检查权限的地方，你可以通过`this.permission.has('view_announcement')`来检查是否有查看公告的权限。如果已经设置了全局无需权限，则这个检查总是返回true。

   <template>
     <div v-if="permission.has('view_announcement')">公告内容...</div>
     <div v-else>请先登录/获取权限</div>
   </template>

   <script>
   export default {
     methods: {
       checkPermission() {
         if (this.permission.has('view_announcement')) {
           console.log('有权限');
         } else {
           console.log('无权限');
         }
       },
     }
   }
   </script>

这样，公告页面就默认开放了，只有那些需要特定权限的页面才会显示权限提示。