javascript - Bagaimana untuk menambah halaman baharu selepas vue-cli dibina

Question

Saya baru sahaja membina struktur vue-cli

Halaman ini telah keluar Jika saya ingin terus menambah beberapa komponen, bagaimana saya perlu mengeditnya. Saya tidak begitu biasa dengan penghala, sila berikan saya nasihat

Answer 1

Gunakan vue-router untuk mengkonfigurasi penghalaan dan menyuntiknya dalam contoh akar vue

import Vue from 'vue'
import VueRouter from 'vue-router'

import topNav from '../components/topNav'
import mine from '../components/mine'
import searchPage from '../components/searchPage'
import searchResult from '../components/searchResult'
import playPage from '../components/playPage'
import playbottom from '../components/playbottom'
import latestPlay from '../components/latestPlay'

Vue.use(VueRouter)

const router = new VueRouter({
    routes: [
        {
            path: '/',
            component: mine
        },
        {
            path: '/mine',
            component: mine
        },
        {
            path: '/mine/searchPage',
            component: searchPage
        },
        {
            path: '/mine/searchPage/searchResult',
            component: searchResult
        },
        {
            path: '/playPage',
            component: playPage
        },
        {
            path: '/latestPlay',
            component: latestPlay
        }


    ]
})
export default router

import router from '../router'
var app = new Vue({
    el: "#app1",
    router,
    store: vuex_store,
})

Itu sahaja tentangnya. Gunakan <router-link to="/play"></router-link>

Answer 2

http://router.vuejs.org/zh-cn...
Dokumentasi rujukan. .
Konfigurasikan penghalaan