如图所示，它是一个程序里面的状态管理模式，它是集中式存储所有组件的状态的小仓库，并且保持我们存储的状态以一种可以预测的方式发生变化。对于可以预测，现在我不多做说明，相信在看完这篇文章之后，你就会有自己的理解。 对于第一个问题，假如是多级嵌套关系，你可以使用父子组件传参进行解决，…

上面说的是官方原话，翻译成大白话就是：Vuex采用类似全局对象的形式来管理所有组件的公用数据，如果你想想修改这个全局对象里面的数据，是不可以直接进行修改的，你得按照Vuex提供的方式来修改。 Vuex的状态存储是响应式的。就是当你的几个组件都使用到了这个Vuex的状态，一旦它改…

及通过css定义变量的方式，将变量在行内注入，然后在style中使用var()获取我们在行内设置的数据即可。

额... 这个河流颜色好像有点奇怪，还是换回来吧

试了试 Vue 的transition-group，也没有达到预期的效果，然后就花了点时间做了一个操作Demo。 简单说一下。 第一部分描述一个让目标位置底下所有行有一个向下移动的过程。 第二部分描述那个移动的行消失的过程。 第三部分描述一个移动的过程。 原因：由于 v-for…

基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 vue的文档对 transtion 组件已经有了很详细的 分析 了。 transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 r…

在vue-cli 2.X的时候，也写过一篇类似的文章，在八月份的时候vue-cli已经更新到了3.X，新版本的脚手架，功能灰常强大，试用过后非常喜欢，写篇教程来帮助各位踩一下坑。 如图所示，服务启动的时候回生成一个node_modules包，稍微测试了一下，服务支持ES6语法和…

在使用vue开发过程中经常会接触到生命周期的问题，但对于每个钩子函数都做了什么，应用场景比较模糊，希望通过这次梳理让自己清楚一些。初次写文章，有不对的地方还望各位多多指正！ 1. vue实例化过程 Vue 初始化主要就干了几件事情，合并配置，初始化生命周期，初始化事件中心，初始…