首页 > 代码库 > 【vuejs小项目——vuejs2.0版本】单页面搭建
【vuejs小项目——vuejs2.0版本】单页面搭建
http://router.vuejs.org/zh-cn/essentials/nested-routes.html
使用嵌套路由开发,这里会出错主要把Vue.use(VueRouter);要进行引用
main.js
import Vue from ‘vue‘; import VueRouter from ‘vue-router‘; Vue.use(VueRouter); import App from ‘./App‘; import goods from ‘./components/goods/goods‘; import ratings from ‘./components/ratings/ratings‘; import seller from ‘./components/seller/seller‘; const router = new VueRouter({ routes:[ { path:‘‘,component:App, children: [ { path:‘‘, component:goods }, { path:‘goods‘, component:goods }, { path:‘ratings‘, component:ratings }, { path:‘seller‘, component:seller } ] } ] }) const app = new Vue({ router }).$mount(‘#app‘);
使用router.go(‘/goods‘)会造成页面不断刷新
2.0版本下使用router.push(‘/goods‘);
【vuejs小项目——vuejs2.0版本】单页面搭建
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。