Vue-router操作实例

1.npm下载

npm install vue-router

2.删除node_modules

cnpm install 重新下载

3.npm run dev启动项目，localhost:8080/查看项目

4.先新建三个组件分别是Home、About、Info

Home.vue的代码如下

<template>
   <div>
       Home
   </div>
</template>
<script>
    export default {
       name:"home"
    }
</script>

<style scoped>
</style>

5.打开router/index.js

引入这三个组件并设置路径。代码如下。

import Vue from 'vue'
import Router from 'vue-router'
import todoItem from '@/components/todoItem'
// 引入组件
import Home from "@/components/Home.vue";
import Info from "@/compone