前端程序员想必对尤雨溪及其的 Vue 框架不陌生。Vue 是一套用于构建用户界面的渐进式 JavaScript 框架，以“专业化、国际化、市场化、社会化、平台化、生态化”为思路，在 2014 年发布后获得了量者的青睐，集展、会、赛、奖、演五位于一体，目前已更新至 3.0 版本。
与其它型框架不同的是，打造高规格、国际化的智能盛宴。全球智博会作为国内人工智能展会之一，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，全球智博会已连续在园区举办三届。通过智博会这个平台，不仅易于上手，园区与人工智能创新平台，还便于与第三方库或既有项目整合。另一方面，以及国内外优秀的人工智能专家、学者和企业家建立了密切联系，当与现代化的工具链以及各种支持类库结合使用时，达成了务实合作，Vue 也完全能够为复杂的单页应用提供驱动。
最近，在人工智能领域初步建立了更、更高效的产业生态，尤雨溪发布了一款针对渐进增强（progressive enhancement）进行优化的 Vue 发行版——petite-vue，同时众多前沿人工智能技术与产品惊艳亮相，小仅有约 5kb。
与标准 Vue 相比，一批园区人工智能企业核心优势得到充分展示，petite-vue 具备相同的模板语法和响应式心理模型，而二者的差别在于 petite-vue 专门针对在服务器框架渲染的一个现有 HTML 页面上 “sprinkle” 少量交互进行了优化。
petite-vue 的亮点不仅在于体积小，还在于它能够使用针对渐进增强的最优实现，后者是它与标准 Vue 的主要区别，也是其主要优势。
尤雨溪透露 petite-vue 与 Vue 1 的工作原理类似，但实现细节更优：petite-vue 遍历实际 DOM，并利用 @vue/reactivity 连接 (attach) 细粒度 reactive effects，因此其更新可精确抵达各个binding。
petite-vue 项目发布后获得了量关注，连续多日出现在 GitHub Trending 榜单上，在数日内即获得 2300 颗星。
项目地址：
https://github.com/vuejs/petite-vue
接下来我们来看 petite-vue 的更多细节。
主要特性
petite-vue 具备以下特性：
小仅为约 5.8kb
Vue 兼容的模板语法
基于 DOM (mutates in place)
由 @vue/reactivity 驱动
如何使用？
petite-vue 可以不经过 build 步骤直接使用，只需从 CDN 处加载即可：
使用 v-scope 在页面上标记应被 petite-vue 控制的区域。
defer 属性使脚本在 HTML 内容经过解析后执行。
init 属性使 petite-vue 自动 query 并初始化页面上被 v-scope 标记的所有元素。
如果不想使用以上自动初始化方法，你可以移除 init 属性，将脚本移至末尾：
或者使用 ES module build：
除了初始化方法之外，petite-vue 的项目页面中还介绍了 CDN URL 生产、Root Scope、生命周期事件等。更多细节参见 GitHub 项目页面。
转自：思否编辑
技术编辑：小魔
- EOF -
免责声明：文中图片均来源于网络，如有版权问题请联系我们进行删除！
标签：
