加餐｜基础篇思考题答疑
杨文坚
你好，我是杨文坚。
首先要感谢你参与课程的学习，有几位同学 @风太大太大、@鱼吖鱼。、@都市夜归人、@雪黎…崔讨论很积极，特别表扬👍，今天我们会对基础篇做一次统一的答疑，如果还有疑问也欢迎你留言。
01
课程：01 编译和非编译模式
提问：Vue.js 3 非编译场景与 Vue.js 的 JSX 写法有什么联系吗？
简单说 JSX 是一种语法糖，可以通过编译工具生成 Vue.js3 “非编译模式”的代码。
这里我想顺便展开聊聊 DOM Base Template（Vue.js3 的推荐语法）和 JSX 的差别。
DOM Base Template 受控，易于静态分析，逻辑引入需要特定语法支持：
受控：开发者难以实现无法预计的能力。
易于静态分析：因为本身是 HTML 语法，非常易于静态分析。
逻辑引入需要特定语法支持：例如需要分支逻辑，需要引入新概念 v-if 等。
JSX 则自由，难以静态分析，引入极少的概念：
自由：开发者可以任意使用，实现自己的任意逻辑。
难以静态分析：由于过于自由，所以 JSX 难以静态分析。
引入极少的概念：因为本身 Javscript 就是各种逻辑语法，所以 JSX 无需引入更多概念去实现各种逻辑。
02
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
这篇文章主要涵盖了基础篇思考题答疑，涉及了Vue.js 3的非编译场景与JSX写法的联系，Webpack不同版本在打包构建上的差异，Vite开发模式下的esbuild按需打包编译与Rollup的Bundle打包方式的比较，以及前端开发组件中的递归使用处理方法等内容。此外，还讨论了基于组合式API和选项式API的开发方式，跨组件的数据通信方式，以及如何结合git流程进行自动化的ESLint代码质量检查。文章内容涵盖了前端开发中的技术知识和实际应用，对于想要深入了解前端开发的读者来说，是一份很有价值的学习资料。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《Vue 3 企业级项目实战课》，新⼈⾸单¥59
《Vue 3 企业级项目实战课》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论