相信有很多这样的兄弟，学了 Vue3 的各种 API和新特性 ，但公司项目依然使用的是 Vue2 ，也不知道自己的水平能否上手 Vue3 项目。今天就把实战过程中遇到的十个场景分享给大家。

距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了，以前还能说是对新技术、新特性的观望，到现在面试都直问 vue3 源码了。 我想，不管什么原因，是时候学习 vue3 了 所以这次

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

通过本文的50个web示例你将学到: Vue3核心基础语法和进阶语法 less核心基础语法和进阶语法 scss核心基础语法和进阶语法 1.Expanding Cards 效果如图所示: 源码 在线示例

前言 大家好，我是林三心，众所周知，修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符 1.lazy lazy修饰符作用是

面对项目中重复的逻辑、代码，经常思考如何才能减少工作量，提升开发效率，从重复中解放出来，在此分享下我的思考与实践

需求可具体描述为如下内容: 根据权限动态筛选路由 根据权限控制组件的是否展示 我们默认后端权限接口可用, 且返回的是权限实体平铺数组, 并非树形结构 技术栈 Vue Vuex Vue Rou

Vue 路由过渡是对 Vue 程序一种快速简便的增加个性化效果的的方法。 可以让你在程序的不同页面之间增加平滑的动画和过渡。如果使用得当，可以使你的程序显得更加专业，从而增强用户体验。 本文中会先介绍

我们为什么要写个组件上传到npm镜像上呢，我们肯定遇到过这样一个场景，项目中有很多地方与某个功能相似，你想到的肯定是把该功能封装成Component组件，后续方便我们调用。但是过了一段时间，你的Leader让你去开发另一个项目，结果你在哪个项目中又看见了类似的功能，你这时会怎么…