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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容