1、安装路由:npm install vue-router --save
2、创建文件夹:
3、配置路由:
①、main.js ===>
②、index.js(router目录下)
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
Vue.use(Router)
export default new Router({
routes: [{
path: '/',
name: 'HelloWorld',
component: HelloWorld
}]
})
③、App.vue ===>
4、使用路由:
<router-link :to="{path: '/shopcart'}">
<h1>{{ msg }}</h1>
</router-link>