我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

keep-alive 是一个抽象组件，不会和子组件建立父子关系，也不会作为节点渲染到页面上。 能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。 能够进行路由缓存和组件缓存。 created-…

作为程序员，没有比临上线前发现之前的更改的代码导致应用崩溃更糟糕的事了。而唯一能够确保应用正常的工作的只有进行程序的测试。所以说对应用进行全面的测试是很重要的一件事了。 高效的测试方法可以加快开发速度，提高代码质量，尽早发现并去除代码中的BUG。测试驱动开发（TDD）是一种在编…

到这里配置就基本完成了，等待项目加载各种包... 加载完成后，进入项目，npm run serve启动就可以了...

【3】组件守卫：是指在组件内执行的钩子函数，类似于组件内的生命周期，相当于为配置路由的组件添加的生命周期钩子函数。 next()：进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是confirmed(确认的)。 next( false )中断当前的导航。如果浏览器的…

现在太多成熟、优秀的轮子功vuer使用，久而久之会有种“只会用轮子跑，不知道怎么造”的感觉，所以本篇就抛开乱七八糟的业务需求，来看看一个优秀的ui component是如何实现的。 现在手机端电商开发非常普遍，vant又能够满足大多数使用场景，所以以它为研究对象，涉及到的技术栈…

每天上班写着重复的代码，当一个cv仔，忙到八九点，工作效率低，感觉自己没有任何提升。如何能更快的完成手头的工作，提高自己的开发效率，在上一篇《绝对干货~！学会这些Vue小技巧，可以早点下班和女神约会了》，小编整理了一些Vue开发技巧，今天小编又整理了一些新的Vue使用技巧。你们…

父子组件之间的双向绑定非常简单，但是很多人因为是从Vue 2+开始使用的，可能不知道如何双向绑定，当然最简单的双向绑定（单文件中）就是表单元素的v-model了，例如<input type="text" />它会响应表单元素的value属性，当输入框文本改变时，会将v…

依据层级关系传参： A和B是父子组件，A先传给B，B再传给C。但是导致代码太过繁琐，如果B组件中要定义一堆props和methods 父组件代码index.vue:父组件在调用child的时候传了name，还传了一些其他的内容，age，university，quantity。 …