首页 > 其他分享 >vue-router引入多路由文件

vue-router引入多路由文件

时间:2024-07-14 15:56:14浏览次数:19  
标签:index vue component 多路 import router path login

import Vue from 'vue'
import Router from 'vue-router'
import winIndex from './winIndex.js';

Vue.use(Router)

export default new Router({
  routes: [
    ...winIndex,//引入路由wenj
    {
      path: '/login',
      name: 'login',
      component: () => import('@/components/login'),//登录
    },
    {
      path: '/',
      name: 'index',
      component: () => import('@/components/index'),
      children: [
        { path: '/dade',	component: () => import('../views/index.vue')},
    ]
    }
  ]
})

let router = [
  {
      path: '/dade/new',
      name: 'login',
      component: () => import('../views/index.vue')
  },
  {
      path: '/dade/new2',
      name: 'login',
      component: () => import('../views/index.vue')
  }
]

export default router

在这里插入图片描述

标签:index,vue,component,多路,import,router,path,login
From: https://blog.csdn.net/qq_34631220/article/details/140408503

相关文章

  • 基于springboot+vue+uniapp的超市购物系统小程序
    开发语言:Java框架:springboot+uniappJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示商品管理公告管理公告类型管理摘要超市购物系统利用当下成熟完善的springboot框架,使用跨平台......
  • 基于springboot+vue+uniapp的校园失物招领系统
    开发语言:Java框架:springboot+uniappJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示用户信息管理失物招领管理寻物启事管理论坛信息管理摘要校园失物招领系统使用Java语言进行......
  • vue.js下载安装
    参考——https://www.jb51.net/article/283884.htm 注:使用的是vue2进入官网https://cn.vuejs.org/文档——》vue2文档 或者直接通过这里https://v2.cn.vuejs.org/v2/guide/复制绿色部分,粘贴到浏览器https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js ......
  • SpringBoot+Vue 图书销售网站(前后端分离)
    技术栈SpringBootVueElement-UIMyabtisMavenMySQLShiro角色对应功能用户书籍浏览书籍收藏书籍购买新闻浏览个人中心订单管理图书评论注册管理员图书管理图书类型管理新闻管理订单管理发货管理评论管理登录系统功能截图......
  • SpringBoot+Vue 旅游网站(前后端分离)
    技术栈JavaSpringBootMavenMySQLVueElement-UIShiroMybatis-Plus角色对应功能网站用户景点门票购买旅游路线浏览酒店预订机票购买交流论坛旅游资讯查看个人中心订单管理个人信息维护注册登录管理员订单管理旅游线路维护门票管理机票管理酒店管理旅游资讯管理交流论......
  • 【vue教程】二. Vue特性原理详解
    目录回顾本章涵盖知识点Vue实例和选项创建Vue实例Vue实例的选项Vue模板语法插值表达式指令v-bindv-modelv-on自定义指令创建自定义指令在模板中使用自定义指令自定义指令的`钩子函数`自定义指令的实例演示指令注册局部注册指令过滤器数据绑定和响应式原理响应......
  • vue学习day05-watch侦听器(监视器)、Vue生命周期和生命周期的四个阶段、、工程化开发和
    13、watch侦听器(监视器)(1)作用:监视数据变化,执行一些业务逻辑或异步操作(2)语法:1)简写语法——简单数据类型,直接监视①Watch:{数据属性名(newValue,oldValue){一些业务逻辑或异步操作},‘对象·属性名’(newValue,oldValue){一些业务逻辑或异步操作}}②示例:结果:2)完整写法......
  • vue-01 安装与第一个vue程序
    1.安装直接使用<script>下载vue.js后导入直接在线导入链接使用cli脚手架2.第一个vue程序<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="vue.js"......
  • Vue 3 后端错误消息处理范例
    1.错误消息格式前后端消息传递时,我们可以通过json的errors字段传递错误信息,一个比较好的格式范例为:{errors:{global:["网络错误"],password:["至少需要一个大写字母","至少需要八位字符"]}}errors中,字段名代表出错位置(如果是输入框的话,对应错误要......
  • three.js+vue污水处理厂数字孪生平台智慧城市web3d
    案例效果截图如下: 主场景三维逻辑代码如下:<template><divclass="whole"><!--threejs画布--><divid="threejs"ref="threejs"></div><!--污水厂模型加载进度条--><a-progress:stroke-colo......