ref就是比reactive好用，官方说的，不服来踩！我们从源码的角度分析，Vue3为什么推荐使用ref而不是reactive？大家认为呢，进来评论区一起讨论下！

公司vue项目基于element-ui实现，很多地方都回多次用到表格、表单、弹窗等组件，于是就基于element-ui的这几个组件进行二次封装发布到npm上

在开发项目过程中，通常会用到很多功能和设计相类似的组件，为了避免重复造轮子，我们经常会用到一些第三方组件，比如 vux，vant。但是这样会引入太多没用到的组件，造成打包体积过大。所以我们有必要封装一些基础的组件用于开发。 下面我为大家介绍如何封装vue的toast和dialo…

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

最近的面试中有一个面试官问我按钮级别的权限怎么控制，我说直接v-if啊，他说不够好，我说我们项目中按钮级别的权限控制情况不多，所以v-if就够了，他说不够通用，最后他对我的评价是做过很多东西，但是都不

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

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

setup（语法糖） 1、基本使用 在vue3.2中我们不再需要进行return，当使用 <script setup> 的时候，任何在 <script setup> 声明的顶层的绑定 (包括声明的变量