标签:vue DOM -- petite Vue 构建 模板
petite-vue
不止是变得更小,它还是渐进式增强的最佳实践。
Vue可以通过不构建或构建来使用。当通过构建使用时(例如使用单文件组件),Vue预编译所有的模板,所以运行时没有再处理模板。多亏了树摇(three-shaking),我们可以在Vue中提供可选的功能,它们在不使用时并不会增大你打包生成的文件。用构建方式使用这是vue的使用的最佳实践,它更适合构建具有相对繁重交互的 SPA 或应用程序。
通过不构建的方式使用Vue并且挂载到 DOM 内模板,是很不推荐的使用方式,这是因为:
-
- 我们需要把Vue模板编译器下载到浏览器。(额外多13kb大小)
- 编译器需要从实例化的DOM中获取模板字符串
- 编译器将字符串编译成 JavaScript 渲染函数
- Vue将通过渲染函数新生成的DOM替换到已存在的DOM模板上。
petite-vue
通过遍历现有的 DOM 并直接将细粒度的反应效果应用到元素上来避免所有这些开销。DOM就是模板,这意味着petite-vue
在渐进式增强场景中更加的高效。
这也是 Vue 1 的工作方式。这种方法与 DOM 耦合,因此不适合与平台无关的渲染或 JavaScript SSR。我们也失去了使用渲染函数进行高级抽象的能力。但是,正如您可能知道的那样,在渐进增强的场景中不太会需要这些功能。
标签:vue,DOM,--,petite,Vue,构建,模板 来源: https://www.cnblogs.com/toLivetoLearn/p/16175112.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。