Vue-router笔记：vue-router的安装与导入

---

前言

Vue-router笔记：vue-router的安装与导入

---

一、vue-router安装

1.自定义安装

在项目路径下安装

npm install vue-router --save

2.vue-cli安装

使用vue-cli初始化项目时，安装vue-router时选择y

二、导入与测试

1.新建测试用组件

src/components下新建两个组件

Home.vue代码如下：

<template>
  <div>
    <h2>首页组件</h2>
  </div>
</template>

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

<style scoped>