vue中路由meta元信息实现权限控制——即网页的某些页面需要用户登录才能访问的实现

首先看下项目目录：

 vue中路由meta元信息实现权限控制步骤4步骤：
1.首先需要有一个登录页面组件：代码如下：Login.vue
2.创建两个组件：博客页面Blog.vue和笔记页面Notes.vue
3.在index.js里面挂载Blog.vue和Notes.vue，并添加meta属性。
4.在App.vue里面制定链接。

1.首先需要有一个登录页面组件：代码如下：Login.vue

//Login.vue内容

<template>
    <div>
        <h2>登录页面</h2>
        <input type="text" v-model="user">
        <input type="password" v-model="pwd">
        <button @click='handleLogin'>登录</button>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                user: '',
                pwd:''
            };
        },
        methods:{
            handleLogin(){
                setTimeout(()=>{
                    let data={
                        user:this.user
                    }
                    localStorage.setItem('user',JSON.stringify(