day03

cli 路由的组成

---

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、vue/cli

1.什么是cli

1、vue-cli（俗称：vue脚手架），是官方提供的快速生成vue工程项目的工具。
2、通过vue create快速搭建一个新项目
3、特点：功能丰富易于扩展

2、脚手架文件结构

├── node_modules
├── public
│ ├── favicon.ico: ⻚签图标
│ └── index.html: 主⻚⾯
├── src
│ ├── assets: 存放静态资源
│ │ └── logo.png
│ │── component: 存放组件
│ │ └── HelloWorld.vue
│ │── App.vue: 汇总所有组件
│ │── main.js: ⼊⼝⽂件
├── .gitignore: git版本管制忽略的配置
├── babel.config.js: babel的配置⽂件
├── package.json: 应⽤包配置⽂件
├── README.md: 应⽤描述⽂件
├── package-lock.json：包版本控制⽂件

三、什么是路由

1、后端路由

对于普通网站所有链接都是URL地址，所有的URL地址都对应服务器上对应的资源

2、前端路由

主要通过URL中的hash ( # 号) 来实现不同⻚⾯之间的切换；同时，hash有⼀个特点：
HTTP请求中不会包含hash相关的内容；所以，单⻚⾯程序中的⻚⾯跳转主要⽤hash实现；