Vue Router用法总结①

最新推荐文章于 2024-08-05 19:03:01 发布

「已注销」

最新推荐文章于 2024-08-05 19:03:01 发布

阅读量314

点赞数 1

分类专栏： vue学习记录文章标签： vue.js

本文链接：https://blog.csdn.net/a8150/article/details/108076349

版权

本文是Vue Router的使用总结，介绍了什么是Vue Router及其作为官方路由管理器的重要性。详细讲解了包括引用准备、调用文件在内的使用步骤，涵盖三种基础到进阶的方法，并提供了具体的代码示例，适合初学者快速掌握Vue Router的基础操作。

摘要由CSDN通过智能技术生成

VUR ROUTER基础，看这一篇就够了！

一、router是什么？

学起Router插件，最好的方法自然是进官网学习，根据官网介绍

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌

在我看来，router将原本写在一个文件的内容分散到多个文件，便于后期的维护和改错

基础代码如下（以Vue脚手架2.0为例）：

直接使用脚手架生成的router文件夹里的index,js文件

import Home from '../views/Home.vue'

const routes = [
  {
   
    path: '/',
    name: 'Home',
    component: Home
  }
 ]

const routes = [
 {
   
    path: '/about',
    name: 'About',
    component: () =>

关注

专栏目录