router:路由其实就是指根据不同URL跳转到对应的页面。Vue-router通过管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换。
如何使用?
1.安装
cnpm install vue-router
2.配置路由
(1)在src目录新建一个router文件夹,并新建一个index.js文件
(2)编辑index.js文件
import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/pages/login.vue'
import Register from '@/pages/register.vue'
import FirstPage from '@/pages/firstPage.vue'
import Category from '@/pages/category.vue'
import Order from '@/pages/order.vue'
import My from '@/pages/my.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'login',
component: Login
},
{
path: '/register',
name: 'register',
component: Register
},
{
path: '/firstPag