一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + element-ui 2. 开

在项目如何使用vuex呢？以前我都是非模块化去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页面，那么首页也好列表页也好，那都相当于这一个页面的一个模块，也可以把它理解为是一个一个的组件，毕竟组件…

同学们，你是否想学习Vue的数据响应式原理而无从下手呢？是否有过被复杂的源码教程劝退的经历呢？如果你和我一样，做过一个项目之后想深入原理的话，恭喜你，你来对地方了。这个系列文章将从纯粹的Vue响应式原理出发，没有其他因素的干扰，带领大家实现一个自己的响应式系统。 使用Vue时，…

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…

与其说是Vue的生命周期，我觉得不如说是其内组件的生命周期。 简单来说，它的生命周期就是用来描述一个组件从引入到退出的全过程。 那复杂来说呢？就是一个组件从创建开始经历了数据初始化，挂载，更新等步骤后

日常工作中，使用vue进行项目开发居多，因此把一些vue项目常见问题进行总结，在此记录，避免以后开发中做过多的重复工作。而掌握一些有用的技巧，使用一些更高级的技术点，也能让我们成为更好的 Vue 开发

Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

vue组件间的12种传值方式 当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常