import Vue from 'vue';
import App from './App.vue';
import VueResource from 'vue-resource';
Vue.use(VueResource)
import VueRouter from 'vue-router';
Vue.use(VueRouter)
// 1.创建组件,导入组件
import Home from './components/Home.vue';
import News from './components/News.vue';
import vContent from './components/vContent.vue';
import Good from './components/Goods.vue';
// 2.配置路由
const routes=[
{path:'/home',component:Home},
{path:'/news',component:News},
{path:'/vcontent/:aid',component:vContent}, //动态路由
{path:'*',redirect:'/home'}, //默认路由跳转到首页
{path:'/goods',component:Good},
]
//注意,这里是routes,而不是routers
// 3.实例化VueRouter
const router=new VueRouter({
mode:'history',//hash改为history模式
routes//(缩写)相当于routers:routers
})
// 4.挂载
new Vue({
el: '#app',
router,
render: h => h(App)
})
// 5.将<router-view></router-view>放在App.vue里面