vue路由器的编写是怎样的?

我在浏览器试运行了下说路由组件是无效的,是路由地址和名字错了吗?

img

img

img

img

img

img

你的vuex状态管理文件和路由文件试着加入
import Vue from 'vue'

router.js

import Vue from 'vue'
import VueRouter from 'vue-router'
//引入的组件
import LoginView from '../views/LoginView.vue'


Vue.use(VueRouter)

const routes = [
  {path: "/api", component: ApiView},
  {
    path: '/father',
    component: FatherView,
    meta: {
      title: 'test'
    },
    children: [
      {path: '/son', component: SonView},
      {path: '/son2', component: SonView2}
    ]
  }

vuex store/index.js




import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
  },
  getters: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

报错信息看一下呗