vue-router路由插件的使用

最新推荐文章于 2024-09-07 17:56:27 发布

weixin_46214451

最新推荐文章于 2024-09-07 17:56:27 发布

阅读量1k

点赞数 1

文章标签： vue npm vue.js node.js

本文链接：https://blog.csdn.net/weixin_46214451/article/details/106826885

版权

本文介绍如何使用vue-router实现前端页面跳转。首先，通过npm安装vue-router，接着在项目中创建router目录并配置主路由文件。在App.vue中设置路由，并在Main页面展示。vue-router默认采用hash模式，实际应用需与后端配合。文章末尾预告了ElementUI的使用。

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

今天我们来学习vue-router路由插件的使用，先来了解一下什么是vue-router。由于 Vue.js 是一个视图层框架，并且作者（尤雨溪）严格准守 SoC （关注度分离原则），所以 Vue.js 并不包含页面的跳转以及通信功能，而是使用vue-router路由插件（页面跳转）和axios（通信）实现的。在前后端分离的模式下，原本由后端来做的重定向和转发的事情就交给前端来做了。

搭建项目

首先我们要搭建一个vue项目，详细的搭建步骤在我的上篇博客有写道，这里不再赘述。不会搭建vue项目的小伙伴可以先去看我的上篇博客：https://blog.csdn.net/weixin_46214451/article/details/106771944
我这里已经搭建好了一个项目，启动测试一下有没有问题，我这里已经正常启动。
在这里插入图片描述