摘要:
我们知道在父子组件是可以相互传递数据的。但往往没有任何关系的组件之间或者是高层组件和底层组件之间也需要传递数据,并且这个数据的共用度很高,会导致组件数据的调用关系特别复杂不好管理,于是希望能把这些共享数据给抽取出来放到一个对象里面,这个能不能做到呢?完全可以嘛,还记得说过所有vue组件都有继承Vue 阅读全文
摘要:
在一个函数里面,需要发送多个ajax请求,并且下一个请求都需要上一个请求返回的数据,那我们可以下面的做法: new Promise((resolve, reject) => { //执行异步请求 $.get("test.cgi", { name: "John", time: "2pm" }, fun 阅读全文
摘要:
上一篇讲了promise的使用,这里不加赘述。但有时候会发现then里面的代码即使抽离出来还是很多,有没有办法再进行抽离呢?promise也提供这样的方式,能让回调后的代码进行一块一块地处理,代码如下: new Promise((resolve, reject) => { //执行异步请求 $.ge 阅读全文
摘要:
阅读全文
摘要:
Promise能解决上面回调地狱引起的代码可读性特别差的问题,记住!promise并不会说有什么特别额外的功能,他就是把上面这种层层回调的代码变得结构清晰,可读性变高; 为什么promise能使用其可读性变高呢?平时进行ajax异步请求和回调函数时是耦合在一起的,因此有时候看起来特别不美观,而pro 阅读全文
摘要:
data其实不必多说,data是当前组件保存数据的地方,既可以用上template,也可以在mehtods,生命周期方法等等;而props相信大家是在父组件给子组件进行传递数据时认识的 ,一般我们会给子组件定义props,那么当前组件(父组件)在使用该子组件的时候,可以把父组件的data数据设置给自 阅读全文
摘要:
下面所讲是针对Vue2.x,据说keep-alive的用法在Vue3.x已经出现变化了,以及生命周期方法destroyed等周期方法也更名了,所以下面的演示是居于2.x的 跳转到父路由对应的组件时,子路由对应组件是可以不显示出来的。但跳转到子路由对应的组件,父路由对应的组件是会显示出来的,这点要记住 阅读全文
摘要:
现在有个需求是,路由间进行切换时,顺便把页面的标题也修改了;比如说当前A路由,那标题是A;切换到B路由,那标题变成B,以此类推。 很多人的做法是这样的,在每个路由的created()写代码,直接document.title="A"/"B"/"C"不就可以了吗?那这样是不是太麻烦了,每个路由都要去加这 阅读全文
摘要:
之前学习过动态路由的参数传递,属于URL占位符的方式,取的话是通过$route.params来取的;其实还有一种参数传递的方式,就是传统的URL后面跟着参数的形式,话不多说,还是写代码吧: <template> <div id="nav"> <router-link :to="{path: '/pr 阅读全文
摘要:
路由嵌套说白点,就相当于父子路由,但一定要记得一点的是:父子路由是独立的,对应的有父子路由关系,那父子路由也会产生父子组件;父子组件也是独立的; 话不多说,还是上代码吧: const routes = [ { path: '/', name: 'portal', redirect: '/home' 阅读全文