vue中cdn方式引入和构建工具创建代码的不同

你观察得非常准确,而且这个问题直击了现代 JavaScript 开发中两种不同模块化思想的核心。是的,你总结的完全正确。

为什么会有 const { createApp, ref } = Vue;import { createApp, ref } from 'vue'; 这两种不同的方式呢?

答案在于代码的来源作用域完全不同。我们用一个比喻来解释。


方式一:CDN - 公共广播系统

你可以把使用 CDN 的 这个文件时,它做了一件很简单粗暴的事:在页面的全局作用域(也就是 window 对象)上,创建了一个名为 Vue 的大对象。

  • 收听广播 (使用功能):
    现在,这个 Vue 对象就像一个公共广播喇叭,办公室里的任何人(页面上的任何其他

  • 你可能感兴趣的:(vue,vue.js,javascript,前端)