webpack中使用vue-router

起步

用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。

详见 vue-router官方文档

导入模块

• 导入路由模块之前要保证 vue 模块的存在
  -import Vue from 'vue'
import VueRouter from 'vue-router'

• 手动安装 vue-router
  Vue.use(VueRouter)

• 然后把需要的组件导入进去 例如：
  //导入account，goodslist 组件
  import account from './min/Account.vue'
import goodslist from './min/GoodsList.vue'
  //导入account 的2个子组件
  import login from './subcom/login.vue'
import register from './subcom/register.vue'

组件小栗子

<template>
    <div>
        <h1>Account 组件</h1>
        <router-link to="/account/login">登录</router-link>
        <router-link to="/account/register">注册</router-link>
        <router-view></router-view>
    </div>
</template>

<script>