ImLeo2020

el & data 在创建 vue 实例的时候，传入了 el 和 data 选项。vue 内部会把 data 中的数据 el 指向的模版中，并把模版渲染到浏览器； render & $mount 使用

由于早期的前端技术标准根本没有预料到前端行业没有今天这样一个规模，所以说很多设计上的遗留问题就导致了现在去实现前端模块化的时候会遇到很多问题。虽然说现如今一些问题都被一些标准或者工具去解决了，但是它的一个演进过程是值得思考的，这个过程就是模块化思想在前端领域的实践过程。这个过程…

了解了 ES Modules 当中的这些特性和语法过后，在回过头来去看下如何去解决运行环境的兼容性问题。正如前面所提到的 ES Modules 是 2014年才被提出来的，这也就意味着早期的浏览器不可能支持这个特性。另外在 IE 和一些国产的浏览器上截止到目前为止都还没有支持，…

除了导入模块 import 还可以配合 export 去使用，效果就是将导入的结果直接作为当前模块的导出成员。具体的用法就是我们把在 import 声明当中的 import 关键词修改为 export，这样当如的成员会直接做为模块的导出成员 export {foo, bar} …

第一点就是 import 在导入模块时 from 后面写的实际上是导入模块的路径，它是一个字符串在这个字符串当中必须要使用完整的文件名称，并且不能省略 .js 的扩展名，这里和在 CommonJS 里是有区别的。对于路径当中的 index.js 这部分在 CommonJS 当中…

针对 ES Modules 的导入和导出有一些需要注意个问题，这些小问题如果没有在意的话，很容易会因为这些小问题而出现一些错误。 第一个问题就是我们在使用 export 导出一些成员的时候 export { name, hello } ，这种方式很多人会误认为 export 后…

导入和导出作为 ES Modules 的核心功能，主要是由 export 和 import 这两个关键词构成。export 命令是用于在模块内去对外暴露接口，而 import 命令则是在模块内去倒入其他模块所提供的接口。 ES modules 中每一个模块成员都会运行在独立的私…

了解 ES Modules 作为一个规范或者说标准，约定了哪些特性和语法。 如何通过一些工具或者方案去解决 ES Modules 在运行环境当中兼容性所带来的问题。 ESM 自动采用严格模式，忽略 'use strict'。严格模式的代表特征就是不能在全局范围使用 this，在…

随着技术的发展 JS 的标准也在逐渐完善，在模块化方面的实现方式相对于以往已经有了一个很大的变化。现如今的前端模块化以经算是非常成熟了，而且目前针对前端模块化的最佳实践方式也都基本统一了。 ES Modules 规范是 ES2015 定义的一个最新的模块系统，在最初刚推出的时候…