总结是一种学习方式，取长补短是一种学习态度。 最常用的一种父子间传递数据的方式。 父组件通过绑定属性来向子组件传递数据，子组件通过 props 属性来获取对应的数据；子组件通过 $emit 事件向父组件发送消息，将自己的数据传递给父组件。 props使得父子之间形成一种单向数据…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

vue-devtools 使用了很长一段时间了，使用过程中发现 vue-devtools 下的 vuex 面板功能很厉害，整个页面的状态可以任意切换到之前的一个时间节点，当时只知道时光穿梭这个概念，没有仔细研究，最近决定入坑研究下。 记的之前有个Vue项目有线上bug，因为是线…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…

我们知道对于 Vue 来说，从数据变化到执行 DOM 更新，这个过程是异步的，发生在下一个 tick 里。 它会创建一个更新队列 queue，队列中维护着各个属性的 watcher，在需要时执行、更新它们。 在 Vue 2.5 中，nextTick 的实现是 microTime…

Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源文件。然后塞到index.html中 更有好的SEO。由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 Client Bundle，给浏览器用。和纯Vue前端…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

文档中的提到的 Store 模式却鲜有人去使用讨论。笔者在研究 ElementUI的Table组件的代码组织方式，以及在自己 ElementUI 表单编辑项目中实践之后觉得其在复杂组件组织上非常有用，是一个被忽视的组件通信方法。 ElementUI 的 Table 组件，功能很…

vuex是专门为vue.js开发的状态管理模式，它将所有组件的状态集中的存储在一起，并且用相应的规则使这些状态以一种可预测的方式发生改变。 以我目前对状态的理解就是组件在某个时刻呈现出的视图、数据的状态。在vue的项目开发中我们经常会遇到多个组件共享某个状态。即：多个视图依赖同…