Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…

Vue 生命周期大概就是：一个从 Vue 实例的创建到组件销毁的一个的过程。 具体情况下，我们分为几个核心的阶段，并且每个阶段都有一套钩子函数来执行我们需要的代码。 组件缓存，activated 与 deactivated，这两个钩子也是一对的，分别表示被 keep-alive…

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的压力更加大了。一篇文章总是反反复复的修改，总是担心自己的认知水平和技术水平不够，甚至导致有些地方会误导读者…

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

1. 什么是vuex? vuex是专门为vuejs应用设计的一套状态管理模式，提供了一套集中管理数据的概念和用法，用来解决中大型项目中组件间大量数据共享的问题。它的核心概念包括state、mutations、actions，基于这些它的工作流程是： 2. vuex源码实现流程 …

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello,Changed~' 的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…

Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。 vue2.x的diff方式为全部节点递归对比，vue 3 利用分析模版优化编译时的diff内容。 Vue提供类似于HTML的模板语法，将模板编译为可返回虚拟DOM树的呈现函数。通过DIFF算法，递…