关于vue中created和watch的执行顺序相对比较简单，而其中computed是通过Object.defineProperty为当前vm进行定义，再到后续创建vNode阶段才去触发执行。

一份日常开发中遇到的 ElementUI 问题清单以及解决办法，做个记录，也分享给遇到或没有遇到的人。

这篇文章从实际应用角度出发，分析了Vue2到Vue3在真实项目中实操升级的痛点，提出了一个反对的声音：Vue3的升级是一个错误的选择。

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 🌊 作者主页：海拥 🌊 作者简介：🥇HDZ核心组成员、🏆全栈领域优质创作者、🥈蝉联C站周榜前十 🌊 粉丝福利：粉丝群 每周送四本书，每月送各

用vue全家桶开发一年多了，踩过不少坑，也解决了很多的问题，把其中的一些点记录下来，希望能帮到大家。以下内容基于最新版的vue + vuex + vue-router + axios + less + elementUI，vue脚手架是vue-cli3。 vue 为了防止 cs…

computed是响应式的，methods并非响应式。 computed是带缓存的，只有依赖数据发生改变，才会重新进行计算，而methods里的函数在每次调用时都要执行。 如果声明的计算属性计算量非常大的时候，而且访问量次数非常多，改变的时机却很小，那就需要用到computed…

我一想，这不是很简单的事情吗（当然也是因为以前也做过），vue-router不是有自带导航守卫，我直接在A页面中利用导航守卫进行判断，在加上利用vue-router中的keep-alive，以及router-view整整不就完事儿了吗。于是就很愉快的写出下列代码： 代码是敲完了…

可以看到需要一大段的html来定义，还要控制显示隐藏的变量，显示隐藏的方法。需要非常多的代码片段来支持，会使我们的组件变得非常杂乱，只为了一个提示弹窗，而且既然是项目的提示弹窗，那么基本在很多地方都会用到，这样一个组件一个组件去写肯定不是办法。 这样在调用弹窗的地方还是要定义变…

浏览器里右键时会有一个默认的菜单，在我的开源项目中正好有自定义右键菜单的需求，在npm库找了下与之相关的包，发现都是以组件形式实现的，感觉那种做法太过繁琐。 于是，我就想着能不能像vue的内置指令那样，绑定到元素上，在这个元素上右键就能出现右键菜单，这样做就方便很多了。 看了下…