当前位置：首页 > 文章列表 > 数据库 > MySQL > VueCli+SpringBoot（路由、主入口、弹窗、axios请求、数据遍历、结合Echarts）（前端）二

VueCli+SpringBoot（路由、主入口、弹窗、axios请求、数据遍历、结合Echarts）（前端）二

来源：SegmentFault 2023-02-24 19:41:29 0浏览收藏

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《VueCli+SpringBoot（路由、主入口、弹窗、axios请求、数据遍历、结合Echarts）（前端）二》，聊聊MySQL、前端、Java、vue.js，我们一起来看看吧！

Vue Cli目录

VueCli官网：https://element.eleme.io/#/zh-CN

VueCli写法

:    等于    v-bind

router/index.js

//引入模块
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Music from '../views/Music.vue'
import Test from '../views/Test.vue'

Vue.use(VueRouter)

//path是路由参数，当路径匹配到当前路由参数时，就会跳转component所对应的页面组件
const routes = [
  {
    path: '/',            //首页
    name: 'Home',
    component: Home
  },
  {
    path: '/about',        //模块路径
    name: 'About',
    component: Aubot
  },
  {
    path: '/music',        //模块路径
    name: 'Music',
    component: Music
  },
  {
    path: '/test',        //模块路径
    name: 'Test',
    component: Test
  }
]

const router = new VueRouter({
  routes
})

export default router