vue 路由vue-router

╰+攻爆jí腚メ 2021-11-01 18:36 577阅读 0赞

1.介绍

vue-router: vue官方路由插件。

路由: 指单页面应用的路径管理系统。在vue中都是单页应用,相当于只有一个index.html页面,所以无法使用标签,我们使用路由来管理插件路径

2.安装

  1. npm install vue-router --save-dev //--save-dev命令直接将依赖包信息写入packege.json文件中 --save写在dependencies -dev写在devDependencies对象下

3.使用

在main.js中配置路由
在这里插入图片描述
在App.vue中渲染配置的组件,因为渲染节点 #app 在main.js中已经绑定

在路由标签中通过 to 切换路由路径
在这里插入图片描述
官方文档:https://router.vuejs.org/zh/installation.html

发表评论

表情:
评论列表 (有 0 条评论,577人围观)

还没有评论,来说两句吧...

相关阅读

    相关 VueRouter嵌套

    1. 前言 本小节我们介绍如何嵌套使用 VueRouter。嵌套路由在日常的开发中非常常见,如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置

    相关 VueRouter传参

    1. 前言 本小节我们介绍 VueRouter 路由组件传参。包括 params 传参、query 传参的两种方式。路由传参的知识点非常重要,在日常开发中,我们经常会通过

    相关 vue

    一、App.vue中的<router-view></router-view> 凡是定义到index.js中的组件,都会被渲染到App.vue中 二、路由跳转和a标签的