javascript - vue-cli搭建后如何加入新頁面
問題描述
我剛搭建好了vue-cli的結構這個頁面已經出來了,如果我想往下繼續添加幾個組件應該怎么編輯,本人對router還不是特別熟,求指教
問題解答
回答1:使用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>這樣 建議還是通過文檔學習
回答2:http://router.vuejs.org/zh-cn...參考文檔。。配置路由
相關文章:
1. docker-compose中volumes的問題2. mysql 一個sql 返回多個總數3. CSS3 畫如下圖形4. 在mac下出現了兩個docker環境5. 如何用筆記本上的apache做微信開發的服務器6. android - rxjava merge 返回Object對象數據如何緩存7. javascript - 螞蟻金服里的react Modal方法,是怎么把元素插入到頁面最后的8. python - Scrapy存在內存泄漏的問題。9. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????10. angular.js - ionic2 瀏覽器跨域問題
