一、创建项目
- 第一次全局安装脚手架
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