vue-router 路由

Vue路由使用详解

最新推荐文章于 2025-09-09 16:55:30 发布

weixin_34013044

最新推荐文章于 2025-09-09 16:55:30 发布

阅读量49

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/taochengyong/p/8350348.html

本文介绍了Vue.js中路由组件的应用方式，包括如何通过<router-link>和<router-view>标签进行页面跳转及内容展示，并展示了如何在JS中配置路由。

在页面中是怎么表现的

1.在vue-router中, 我们看到它定义了两个标签<router-link> 和<router-view>来对应点击和显示部分。<router-link> 就是定义页面中点击的部分，<router-view> 定义显示部分，就是点击后，区配的内容显示在什么地方。所以 <router-link> 还有一个非常重要的属性 to，定义点击之后，要到哪里去，如：<router-link to="/home">Home</router-link>

2. js 中配置路由

　　　　首先要定义route, 一条路由的实现。它是一个对象，由两个部分组成： path和component. path 指路径，component 指的是组件。如：{path:’/home’, component: home}

转载于:https://www.cnblogs.com/taochengyong/p/8350348.html