Vue是一款高度封装的、开箱即用的、一栈式的前端框架，既可以结合webpack进行编译式前端开发，也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版

由于在使用vue时会用到很多es6的语法，但是现在很多浏览器对es6的支持不是很好，所以在编译时需要将这些语法转换es5的语法，此时我们使用babel来进行编译。 babel的使用请阅读官网文档http://babeljs.cn/。 此时一个基于webpack的vue 项目就搭…

从列表到详情，没你想的那么简单前言本文先假设我们使用的是vue+vuex+vue-router的情况来展开讨论，React全家桶的情况应该类似。在日常的前端研发中，我们经常会遇到如题的场景：比如从商品

使用li元素来模拟输入框的显示，没有别的目的，就只是为了语义化，当然你也可以使用其他任意一个元素来模拟，比如div。 使用label标签的好处在于它可以跟input的click事件关联上，一方面实现了语义化解决方案，另一方面也省去了我们通过js来唤起虚拟键盘。 将真实的输入框定…

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 官方推荐的状态管理方案是 Vuex。不过如果项目不是很大，状态管理也没有很复杂的话，…

目录v-model的神奇你好奇input事件是什么？组件中的v-model组件的v-model生效原则给组件绑定v-model v-model的神奇htmljs一旦我们输入的值发生变化,data中的p

Vue.js作为先进的前端MVVM框架，在外卖已经广泛应用在各业务线中。本文阐述了Vue.js作为前端MVVM框架的主要优势，并从Vue.js的三个核心点：Observer, Watcher, Compiler出发，深入阐述Vue.js的设计与实现原理。 Vue.js 是一个轻…

官网虽有测试例子，但涉及较窄，遇到组件中存在异步传参、触发 action、获取 state 等问题时，编写单元测试便不知从哪下手。 这篇文章结合实际项目，旨在解决上述问题，顺便记录写测试文件时遇到的一些问题，希望对各位朋友有所帮助。