Vue 路由 vue-router

1. 安装

cnpm install vue-router --savecnpm install vue-resource --save //之前没安装  读取不到数据​

2. 使用

​ main.js

im​port VRouter from 'vue-router'Vue.use(VRouter)import 组件名 from './组件路径'    //自己创建的内容   要从./开始​let router = new VRouter({    mode: 'history',   //接受前后替换    routes: [        {  //重定向 打开页面后自动跳转到你定义的页面内            path: '/',            rediect: '/默认路径‘             },{            path: '/路径名称',            component: 引用组件,            name: '组件名',            children:[  //这里可以引用子组件的子组件                 {                    path: '名称 ',                    component: 引用组件                }            ]        }]})new Vue({    el: '...',    router})

​ App.vue

<template>    ...    <router-view></router-view>    ...</template>

组件内使用

<router-link :to="'组件名'">跳转到**页</router-link>