Vue中的客户端路由( 使用 Vue-cli 创建vue项目并生成 Vue-router )

目录

掌握:

配置路由模式:

hash 和 history 区别 ?

两种安装方式:

vue create 创建项目:

路由,使用步骤:

重定向 和 404页面

导航-分为两种：

1)声明式导航:

2)编程式导航

嵌套路由

路由过度:

路由组件传值(三种方式)

---

掌握:

vue-router路由

配置路由模式:

• hash: 使用 url  hash值来做路由。
• history：依赖html History
• abstract: 支持所有js运行环境,如 node.js服务器端。

hash 和 history 区别 ?

hash 能兼容到IE8， history 只能兼容到 IE10；

hash回车刷新会加载到地址栏对应的页面，history一般就是404掉了

hash 就是指 url 尾巴后的 # 号以及后面的字符，history没有底带#，外观上比hash 模好看些

两种安装方式:

• vue create   +加项目名         创建项目时勾选上就可以了
• npm 安装 npm i -S vue-router@3