【vuejs小項目——vuejs2.0版本】單頁面搭建

標籤：出錯   children   route   color   ted   路由   path   nts   vue   

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版本】單頁面搭建