vue路由

简单路由

在安装脚手架的时候把路由安上,
打开命令行
切换到项目的目录
npm install vue-router --save

文件结构说明

mian.js页面配置文件说明

router–>index.js 路由文件说明

开工

1. 新建3个组件

pageone.vue代码

<template>
  <div class="hello">
    <h1>pageone</h1>
  </div>
</template>

pagetwo.vue pagethree.vue代码同上

2. main.js修改

3.router–>index.js修改

4. app.vue修改

效果图