起步
用 Vue.js + Vue Router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes),然后告诉 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>