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...参考文档。。配置路由
相关文章: