chevron_left

Vue 2 实践教程

免费
第 12.6 回

教程文档

Vue 2 实践教程 - 权限实现

2023年11月14日
Vue 2 实践教程

权限实现

修改路由文件

src/router/index.js

import Vue from "vue";
import VueRouter from "vue-router";
import Layout from "@/views/layout/IndexView";

Vue.use(VueRouter);

const routes = [
  {
    path: "/sign_in",
    component: () => import("@/views/auth/SignIn"),
    meta: { title: "登录" },
  },
  // 无权限访问
  {
    path: "/401", 
    component: () => import("@/views/error-page/Page401View"),
    meta: { title: "401" },
  },
  {
    path: "/",
    component: Layout,
    chil...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手