的新功能可以参阅迁移指南! Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的 是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第 三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库 (opens new window) 结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的 顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们 在每个索引位置正确渲染。 这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的 列表渲染输出。 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项 prevent="doThat"> 9. 10. 11.

12. 13. 14. 15. 16.

⼩小程序开发姿势各不不相同，mpvue 是如何决策的？制定规则 还是复⽤用规则，mpvue 如何通过最⼩小的代价，打通传统前端 和⼩小程序开发的壁垒？ Vue 代码 mpvue 编译器器 视图层代码 逻辑层代码 执⾏行行阶段 编译阶段 View VDom Component WXML WXSS Service mpvue SDK 事件函数 逻辑 Data ⽣生命周期 data 对象实例例 mpvue runtime 实例例间⽣生命周期互通 维护 Vue 对象实例例 mp 触发事件 + Vue 执⾏行行回调函数 Vue 维护数据模型和虚拟 dom ⼩小程序负责视图层渲染 mpvue runtime 实现 事件函数 mp 对象 AppData ⽣生命周期 事件函数 Vue 对象 data ⽣生命周期 事件代理理机制 数据同步机制 ⽣生命周期关联

输出 的连结 输出会⾃动根据输⼊的改变⽽改变 ?=?²+?²=2x2+4x4=20 模式 不同于 React，Vue 的 setup() 只会在组件建⽴时执⾏⼀次，并建⽴数据与逻辑之间的连结。 ` ` ? ? ?² ?² ? EXCEL 中的公式 2 4 4 16 20 模式和技巧 编写可复⽤，可组合的逻辑 v4.11.0 v4.11.0 85k/month 85k/month const foo = ref('foo') unref(foo) // 'foo' const bar = 'bar' unref(bar) // 'bar' 接受 Ref 作为函数参数 模式 实现 ⽤例 纯函数 function add(a: number, b: number) { return a + b } let a = 1 let b = 2 let c MaybeRef, ) { return computed(() => someFormating(unref(time))) } 让你的函数变得更灵活 模式 就像乐⾼，让你的函数可以适应不同的使⽤场景。 构造⼀个 "特殊的" REF import { useTitle } from '@vueuse/core' const title = useTitle()

xqkuang 背景介绍 Web 开发效率⾼高 ⽀支持多平台 可动态发布 体验差 能⼒力力弱 Native 开发效率低 ⽆无法跨平台 发布复杂 体验好 能⼒力力强 传统移动端开发模式，⽆无法满⾜足业务精细化运营需求，急需寻找⼀一种⾼高性能、跨平台、动态发布的开发解决⽅方案。 前终端⼀一体化 开发效率⾼高 ⽀支持双平台 可动态发布 能⼒力力强 体验好 Hippy 简介