vue路由的使用，昨天刚学会的初学者。

最新推荐文章于 2024-09-10 19:51:58 发布
最新推荐文章于 2024-09-10 19:51:58 发布
阅读量91 收藏
点赞数 1
分类专栏： 前端 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49527298/article/details/110894467
版权
这篇博客主要介绍了在Vue.js开发中遇到的路由问题及其解决方案。包括如何解决缺少路由文件的问题，通过`npm install vue-router`进行安装。对于设置了路由但无法打开页面的情况，博主建议在URL后加上`#/`及页面名称，如`http://localhost:8081/#/view`。同时，博主鼓励读者在评论区提出更多遇到的问题，分享自己的解决经验。
摘要由CSDN通过智能技术生成

讲解

在这里插入图片描述

会遇到的问题：

1.没有路由的文件：可以：npm install vue-router。
2.设置了路由，还是打不开页面，可以这样做：http://localhost:8081/#/v，再端口号之后加个#，再输入页面的名称。
3.如果大家还有什么问题，皆可以在下面评论，说出你们的问题，反正博主自己安装vue,已经把所有的问题都踩了一遍。

坎坷的程序员
关注
专栏目录
vue例子，适合初学者学习使用
07-22
通过这个"vue-project-demo-master"，初学者可以逐步理解Vue项目的构建过程，学习如何组织代码、如何使用组件、如何处理数据流以及如何设置路由等。实践是最好的老师，动手搭建和运行项目，结合官方文档和教程，相信...
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
10-17
在Vue2.0中，实现嵌套路由和通过公用一级菜单控制页面内容切换是构建复杂单页应用...这些知识点对于初学者来说非常有价值，可以帮助他们更好地理解Vue Router的工作原理，以及如何在项目中合理运用组件通信和路由管理。
（四）快速上手VUE 路由功能学习心得
Breanne的学习笔记
03-05 648
如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 如果使用全局的script标签，则无须如此（手动安装）。 为了结构更加清晰，因此脚手架就将router放到一个文件夹，并使用引用即可。 当做一个key值传入到 ...
Vue路由还不会？别急看完这篇文章就会了
sobject的博客
03-06 416
前言 Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括： 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为 URL 的正确编码 提示：以下是本篇文章正文内容，下面案例可供参考 一、Vue3 路由？ ...
初学者学习vue路由与无痕浏览
weixin_66110079的博客
09-06 216
无痕浏览是不是老司机熟悉的东西？这里的无痕浏览指的是我们在页面跳转时，一般会留下记录，当我们点击返回的时候按钮的时候会返回上次访问的页面。我们在这里实现无痕浏览，就是想要实现无法点击返回按钮返回上次访问的页面。
初学者指南：掌握 Vue 路由（Router）
最新发布
x15514104477的博客
09-10 1166
探索 Vue.js 的路由世界，从基础到进阶，一文读懂如何用 Vue Router 构建动态单页面应用。无论你是 Vue.js 的新手，还是希望提升 SPA 开发技能的开发者，本文都是你的不二之选。读完本文，你将能够轻松设置 Vue Router，管理应用的路由。
vue初学者路由路径
dujunuan的博客
04-11 222
router-view 组件显示容器。router-link 链接。
vue路由详解版一目了然
qiqiyuer的博客
04-20 772
它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用。Vue Router和Vue.js非常契合，可以一起方便的实现SPA(single page web application,单页应用程序)应用程序的开发。Vue Router依赖于Vue，所以需要先引入Vue，再引入Vue Router你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难。
【Vue路由守卫】
热门推荐
小田是个程序员的博客欢迎你的到来呀~
03-23 3万+
路由守卫是Vue路由中常用的一个知识点，其作用就是对用户的操作进行一些权限控制，在一些特定的环境下，避免不了使用它
Vue3+vueRouter+pinia(vue路由使用 pinia使用）
qq_44901321的博客
10-08 7591
vueRouter+pinia(vue3状态管理)
【vue路由（router）的基本使用】
小田是个程序员的博客欢迎你的到来呀~
03-22 6751
本篇文章主要针对Vue路由的基础使用做了详细解读，理论和实操相结合，有助于Vue路由初学者更好的理解VueRouter
vue_test_基于vue的邮箱验证_vue初学者的一些示例源码_vue_数据的双向绑定等_
09-30
Vue_test_基于vue的邮箱验证项目是一个专门为Vue初学者设计的学习资源，它包含了多种数据双向绑定的示例以及动态效果的实现，帮助初学者深入理解Vue的核心概念和应用。 在Vue中，数据的双向绑定是其核心特性之一，...
vue+layout+路由布局简单项目例子
10-26
Vue.js 是一款非常流行的前端JavaScript框架，用于构建用户界面。在这个“vue+layout+路由布局简单项目...对于初学者来说，这是一个很好的学习实践案例，而对于有经验的开发者，这样的项目也是快速搭建原型的良好基础。
vue vuex vue-rouert后台项目——权限路由（适合初学）
11-30
Vue.js 是一个流行的轻量级前端JavaScript框架，用于构建用户界面。它提供了组件化、响应式的数据绑定和一套全面的指令系统，使得开发过程更加...通过学习这个项目，初学者可以更好地理解和掌握这些技术的综合应用。
关于前端布局的小技巧-多栏布局（column-count），盒布局，flex布局--这可是我做的最长的文章了！
weixin_49527298的博客
12-01 1580
HTML的布局方式多的不能再多了，而博主我最近也是学了几种简单的，这不，就来分享一些了！ 多栏式布局 盒布局 弹性布局 排列方式，空间的分配 justify-content属性 align-self align-content 多栏式布局 1.为什么需要？ 在我们日常布局中，会经常使用浮动和定位进行布局，就会出现两个元素不能底部对齐的情况。 2.案例介绍。 <!DOCTYPE html> <html lang="en"> <head> <meta chars
for，for-of,for-in循环的基本案例----初学者必学
weixin_49527298的博客
07-04 599
for循环的基础使用 for(i=0;i<=10;i++){ console.log(i)//1-10 } console.log(i)//11,内存泄漏 为何会出现11呢，这是因为循环迭代到11的时候，退出循环会保存最后的值，所有就会被外面的console获取=========我个人认为就是循环到了11的时候，就已经泄漏了。所以外面就能获取，但是因为后面又判断了，所以里面的console等于1-10. 如何解决内存泄漏 <scr.
vue项目的搭建和启动-测试过,几分钟就能安装完成
weixin_49527298的博客
12-05 520
vue安装的第一种方法： 可以通过添加链接描述,下载到本地。 将里面的东西下载下来，再将其引入自己的文件中。 vue还可以通过bootCDN来安装。 可以通过复制链接或者复制script标签来完成安装。 vue还可以使用npn安装。 1.npn的安装：需要先安装Node.js(官网) 里面有LTS和current两个版本，LTS长期提供稳定的更新，而current也许会出现意想不到的问题，但同时他也支持更多的更新。 2.node.js最新版最低支持window8.1及以上的版本，我是在百度上找到的链接。 3
如何在vue中引入lib-flexible--不懂得记得在评论下方说一下！
weixin_49527298的博客
12-26 450
1.npm安装 npm install lib-flexible --save 2.引入位置 main.js中写入 import ‘lib-flexible’ 3.安装px2rem-loader npm install px2rem-loader --save-dev（使用 webpack 的 px2rem-loader） 4.配置px2rem-loader（build/utils.js) 5.重启试试看 6.结果： ...
Vue.js初学者教程：MVVM架构与基本使用
"Vue.js入门教程笔记，包括Vue的概述、安装方法、使用Vue实例以及模板语法等基础知识。" Vue.js是一种流行的前端JavaScript框架，特别适合构建用户界面。它的核心理念是采用MVVM（Model-View-ViewModel）架构，使得...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值