首页 > 其他分享 >vue-router的使用

vue-router的使用

时间:2022-11-16 23:00:06浏览次数:93  
标签:index vue js 使用 router 路由

安装

npm install vue-router --save

  

路由映射配置

创建router文件夹

新建index.js

 

vue实例中挂载router

 

 

使用路由

<router-link></router-link>
<router-view></router-view>

 

 

默认首页(重定向)  

router-index.js中配置

 

去除url中的#符号,使用router中的history模式

 

 

 

标签:index,vue,js,使用,router,路由
From: https://www.cnblogs.com/ixtao/p/16897833.html

相关文章

  • windows--cmake与c++的使用教程(9)
    1概述本文基于前文环境本节目标:动态库和Exe项目修改CMake默认输出路径2准备工作目录结构.│CMakeLists.txt└─srcmain.cc2.1代码准备main......
  • MySQL 创建存储过程,使用 while 批量插入数据
    1、创建带字段的表student(id,name,age)#id整型主建不能为空自动增长#name字符型长度50不能为空#age整型不能为空默认值18mysql>createtablestudent(->i......
  • 【luffy】celery 使用
    目录1.celery快速使用2.Celery异步任务框架3.按装使用步骤4.celery包结构5.celery异步任务,延迟任务,定时任务5.1异步任务5.2延迟任务5.3定时任务6.django中使用ce......
  • moment.js使用
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"c......
  • jquery.dataTables简单使用
    <scripttype="text/javascript"language="javascript"src="jquery/jquery-3.6.0.min.js"></script><linkrel="stylesheet"type="text/css"href="dataTable/css/jqu......
  • celery的使用与接口加缓存的双写一致性
    celery快速使用1.celery是独立的访问-官网http://www.celeryproject.org/'''1)可以不依赖任何服务器,通过自身命令,启动服务2)celery服务为为其他项目服务提供异步解决任......
  • excel vlookup函数的使用方法
    1.语法说明 参数说明Lookup_value为需要在数据表第一列中进行查找的值。Lookup_value可以为数值、引用或文本字符串。当vlookup函数第一参数省略查找值时,表示用0查......
  • docker使用bind9实现域名解析
    目录刷新服务修改配置文件从114缓存查询数据可以dig无法ping查看已经区域解析,并添加新的解析项在linux安装局域网certrndc查看默认的解析条目添加自己......
  • oled显示屏(128*64bit)使用——stm32学习总结
    正点原子oled显示屏教程,驱动程序有些缺陷:1.正点采用的取模方式:从上到下,再从左到右,纵向8点上高位。虽然正点原子提供了取模软件,但是软件的图像取模,没有自带滤波以及色阶选......
  • 问题记录-前端开发避坑(7)--vue 原生h5开发及基础组件开发
    问题1问题描述与分析执行vueRouter的编程式导航时,报错:vuerouterTypeError:onCompleteisnotafunction检查发现是参数格式不对。这里使用了对象语法,而我错把qu......