javascript - vue-cli搭建后如何加入新頁面

問題描述

我剛搭建好了vue-cli的結構這個頁面已經出來了，如果我想往下繼續添加幾個組件應該怎么編輯，本人對router還不是特別熟，求指教

問題解答

使用vue-router配置路由 在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,})

大概就是這樣 鏈接用<router-link to='/play'></router-link>這樣 建議還是通過文檔學習

http://router.vuejs.org/zh-cn...參考文檔。。配置路由