Vue制作在线文章管理系统.zip

import Vue from 'vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue' import VueRouter from 'vue-router' import Login from './components/Login.vue' import Register from './components/Register.vue' /* import Shop from './components/Shop.vue' */ import Forgin from './components/Forgin.vue' /* import Table from './components/Table.vue' */ import Book from './components/Book.vue' import Delete from './components/Delete.vue' import Rankinglist from './components/Rankinglist.vue' import Outputdata from './components/Outputdata.vue' import Table from './components/Table.vue' Vue.use(ElementUI); /* new Vue({ el:'#app', render:h=>(App) }); */ Vue.use(VueRouter) const routes = [{ path: "/", component: Login }, { path: "/register", component: Register }, // { // path:"/shop", // component:Shop // }, { path: "/forgin", component: Forgin, children: [{ path: 'register', component: Register }, { path: 'book', component: Book }, { path: 'delete', component: Delete }, { path: 'rankinglist', component: Rankinglist }, { path: 'outputdata', component: Outputdata }, { path: 'table', component: Table }, ] } ]; const router = new VueRouter({ routes // (缩写) 相当于 routes: routes }); Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app')