2019-03-13

vue父子组件传值，（父组件向子组件传值用prop ，子组件向父组件传值：子组件调用父组件方法值以参数的方式传递）vue多页面应用，路由配置（，promise 封装ajax， es6的导出方式

监听页面会退 popstate 返回事件 pushstate 设置跳转到本页面#  所以可以成功拦截

路由跳转的几方式 router-link this.$touter.push（）

1. 不带参数

<router-link :to="{name:'home'}">

<router-link :to="{path:'/home'}"> //name,path都行, 建议用name 

// 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。

2.带参数

<router-link :to="{name:'home', params: {id:1}}"> 

// params传参数 (类似post)

// 路由配置 path: "/home/:id" 或者 path: "/home:id"

// 不配置path ,第一次可请求,刷新页面id会消失

// 配置path,刷新页面id会保留

// html 取参  $route.params.id

// script 取参  this.$route.params.id

<router-link :to="{name:'home', query: {id:1}}">

// query传参数 (类似get,url后面会显示参数)

// 路由可不配置

// html 取参  $route.query.id

// script 取参  this.$route.query.id

新增vue指令directive

路由缓存：keep-alive

https://segmentfault.com/a/1190000016885832

https://blog.csdn.net/twinkle_J/article/details/81238093

https://baijiahao.baidu.com/s?id=1608099200125495014&wfr=spider&for=pc&isFailFlag=1

https://blog.csdn.net/qq_25461519/article/details/81408210

https://blog.csdn.net/qq_40190624/article/details/79575800

https://www.cnblogs.com/fengxiongZz/p/8191503.html

https://www.gulpjs.com.cn/docs/api/

https://segmentfault.com/a/1190000015355816