暴力燕

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。本文通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的，看不懂你来打我。

setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以直接使用？为什么import一个组件后就可以直接使用，无需使用components 选项来显式注册?

使用defineModel时，为什么子组件内没有任何关于props的定义和emit事件触发的代码？修改defineModel返回值会修改父组件上绑定的变量，这是否破坏了vue的单向数据流呢？

我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setup顶层中使用这些宏？

你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？这一过程是在编译时还是运行时进行的呢？

在日常使用Vue开发项目的时候，计算属性computed是一个非常常用的特性，它的主要作用是对数据进行处理，然后返回新的数据，这样就不需要在模板中写过多的逻辑代码，从而使得模板更加简洁，可读性更强。

场景描述 封装成为组件 页面使用 现在遇见的问题 组件中使用v-model的想法 改造组件,组件可以使用 v-model 页面就可以使用 v-model 了 如果有必填参数怎么搞？ 更新优化子组件 页

毕竟比尔盖茨说过：能用service做的 dialog，就尽量不要用template做的 dialog 言归正传。于是，我开始了用el-messagebox代替el-dialog的开发征程。看了一下e

Vue2 为什么不能通过下标操作数组或者改变数组的长度来触发视图更新？ 难道是因为性能吗？Vue3 又是如何优化的？