这是一份即将焕然一新的 cn.vuejs.org的学习笔记，此文附50张脑图，带你一起了解 Vue 3 新文档有哪些新的变化🕵️‍♂️

学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。

两个月前写了element-ui奇淫技巧，反响非常不错，很多小伙伴都期待出第二期，那么今天它来了！目标只有一个，提升开发效率，让你有更多时间去摸鱼！

本文主要对Vue2和Vue3主要功能做了详细的对比，为了直观的感受，文章采用选项式Api，组合式Api，setup语法糖三种不同方式分别展现

几乎每个vue项目里都会有登录鉴权功能，本文整理一个通用的登录鉴权功能模板。

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情 鉴权的使用场景 页面鉴权 页面鉴权实现思路 页面鉴权流程 路由元信息权限鉴别方案 路由白名单鉴权 功能鉴权

在vue项目中如何做登录鉴权？本文按照页面的效果分别介绍路由和功能上的鉴权，配合axios的拦截器实现鉴权。最后考虑后端鉴权失败和刷新页面丢失token的情况。

众所周知，vue这种单页面的项目是不利于seo的，但是在实际项目中，像一些交互网站，不可避免会考虑一些seo问题。即使是vue这种项目，我们还是可以通过一些其他技术解决seo问题的。

1. 学会全新的官方脚手架工具 create-vue 的使用和原理 2. 学会使用 VSCode 直接打开 github 项目 3. 学会使用测试用例调试源码 4. 学以致用~