vue之如何配置默认显示页面和默认路由
更新时间：2023年06月29日 08:39:01 作者：咬紧牙关i
这篇文章主要介绍了vue之如何配置默认显示页面和默认路由问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue配置默认显示页面和默认路由
在router文件夹中的index.js中配置
const routes = [
{
//没写就是任意路由都是定向这个
path:'',
//重定向
redirect:'/xxx'
}
]vue中的路由以及默认路由跳转
参考网站：Vue Router 。
vue路由配置：
方法一
1、安装
npm install vue-router --save / cnpm install vue-router --save
2、引入并 Vue.use(VueRouter) (main.js)
import VueRouter from 'vue-router' Vue.use(VueRouter)
3、创建组件
4、配置路由
5、实例化VueRouter 注意：名字
6、挂载
整个main.js
7、根组件的模板里面放上这句话 <router-view></router-view>
8、路由跳转
方法二
1、在main.js中引用
2、在router文件夹中的index.js中配置路由
3、app.vue中添加路由占位符
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
详解如何在vue+element-ui的项目中封装dialog组件
这篇文章主要介绍了详解如何在vue+element-ui的项目中封装dialog组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要为大家详细介绍了Vue实现附件上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
Bootstrap适用于快速搭建简单网站或Web应用程序的情况，而Vue.js适用于构建复杂的单页面应用程序，根据您的项目需求和开发方式，您可以选择使用Bootstrap、Vue.js或两者结合使用，这篇文章主要介绍了vue使用Bootstrap的详细方法,需要的朋友可以参考下2023-08-08
这篇文章主要给大家介绍了关于vue自定义权限标签的相关资料,在Vue中你可以通过创建自定义组件来实现自定义标签组件,文中给出了详细的代码示例,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了使用vue-i18n 入口文件配置控制台报警问题解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
electron dialog.showMessageBox的使用案例
Electron Dialog 模块提供了api来展示原生的系统对话框,本文主要介绍了electron dialog.showMessageBox的使用案例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-08-08
过滤器的功能是对要显示的数据进行格式化后再显示,其并没有改变原本的数据,只是产生新的对应的数据,下面这篇文章主要给大家介绍了关于Vue中过滤器定义以及使用方法的相关资料,需要的朋友可以参考下2022-12-12
本文主要介绍了Vue和SpringBoot之间传递时间的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
百度了好久都没办法实现vue中一个页面跳到另一个页面，甚至到google上搜索也是没办法的，最终还是找了高人亲自指导，所以下面这篇文章主要给大家介绍了关于Vue页面跳转动画效果的实现方法，需要的朋友可以参考下2018-09-09
这篇文章主要为大家详细介绍了vue移动端城市三级联动组件的使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
最新评论