template模板不如jsx灵活，但是template相比jsx的固定性，可以在编译时获取许多信息，编译出可以在运行时执行尽可能少，性能尽可能好的代码。Vue3性能优化的一个重要体现在编译优化，利用

随着Vue3为广大开发者所接受和自身生态逐渐完善，更多同学往vue3的工程化方向完善，本文恰好给大家介绍下如何更好使用vue3及其周边插件，以及让它们组合到整个工程中去。

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

我们在Webpack基础篇介绍了多种loader和plugin以及每种的用途；那么他们两者在webpack内部是如何进行工作的呢？让我们手写一个loader和plugin来看看它内部的原理，以便加深对webpack的理解。 因此我们就来尝试写一个less-loader和styl…

今天在看setup script语法糖的时候发现有说到context上的expose函数，然后就查了一下这个函数，发现是在setRef中被使用到，源码中在对ref的value赋值时的代码如下。 不难看懂这句代码的意思，了解到expose是用来维护vue组件封装性的。 具体使用方…

1.ref定义的变量，改变值要.value,而且在template中不用写.msg.reactive函数传入的为引用类型，例如数组、对象等，但不能代理基本类型值,返回一个响应式的数据对象, 想要使用创建的响应式数据也很简单，创建出来之后，在setup中return出去，直接在te...

1.改写计数器例子： Vue2中的代码： 使用vue3改写后的代码： setup:在生命周期之前运行的 通过代码可以发现，increase函数改变count的值是改变的count对象的value,但t