一、创建项目

• 第一次全局安装脚手架 npm install -g @vue/cli
• vue create 项目名

二、什么是路由？

• 路由就是一组 key-value 的对应关系
• 多个路由，需要经过路由器的管理

1、后端路由：

• 每个url地址都对应着不同的静态资源
• 对于普通的网站。所有的超链接都是URL地址，所有的URL地址都是对应服务器上对应的资源

2、前端路由：

• 对于单页面的应用程序，通过 hash(#)来实现不同组件之间的切换
• 对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；

3、使用路由：

• 引入路由
• 创建路由实例
• 创建映射关系
  • 路有对象 { path:“路由地址”,component:组件 }
• 挂载到vue实例上
• 预留展示区域
• 路由跳转
  • <router-link to="路由地址"></router-link>

4、style标签中的

• 样式隔离 scoped
• 声明文件类型 lang