路由
前端路由的目的: 在不用请求后端的情况下跳转页面
hash路由
1.通过改变hash值去改变路由
2.通过loacation.hash得到hash值 '#/curriculum'
3.监听事件: hashchange:监听hash的改变做出反应
history路由
1.通过改变hash值去改变路由
2.通过loacation.pathname得到路由 '/md/'
3.监听事件: popstate:监听浏览器操作引起的路由变化,比如浏览器的回退
4.history还有pushState和replaceState去操作路由栈去改变路由
5.history是在h5的基础上新出的,在对IE9一下的支持不如由来已久的hash
6.history需要进行一些nginx配置解决它找不到对应文件时的请求的后端的入口文件
## history
location / {
root /var/www;
index index.php index.html index.htm;
try_files $uri $uri/ /index.html;
}
异步组件
为什么使用异步组件?
由于组件过大,从后端拉取某些数据可能要耗时等待,所以我们在一定的条件或者等其他同步组件加载完成之后再异步加载过大的组件,再他加载完成后再使用。(有点类似懒加载)
如何使用异步组件?
vue2.0中
vue.conponent('async-conponent1', function(resolve, reject) {
setTimeout(function()