UI=fn(state) 脚本转换 属性声明\传递、状态声明 ⽅方法 or 事件 状态异步、同步问题 调试、验证、迭代维护 强约束 遇到的问题及解决⽅方案 模板引擎(JSX template) ⽣生命周期 Ref引⽤用 模板 单⽂文件 template JSX loader createElement cloneElement、Vnode 属性、⾼高阶组件 JSX https://github

unref(arg) // 得到值 } 由 Ref 组成的对象 可以直接使⽤ ES6 解构其中的 Ref 使⽤ 根据使⽤⽅式，当想要⾃动解包的功能时，可以 使⽤ reactive 将其转换为对象 模式 以在使⽤可组合的函数式，同时获得 ref 和 reactive 的好处。 ` ` ` ` import { ref, reactive } from 'vue' function mouse.x === x.value // true ` ` 将异步操作转换为 “同步” 先建⽴数据间的“连结”，然后再等待异步请求返回将数据填充。概念和 React 中的 SWR (stale-while-revalidate) 类似。 技巧 使⽤组合式 API, 我们甚⾄可以将异步请求转换为 “同步” 的 异步 const data = await fetch('https://api defineComponent } from 'vue-demi' 快速回顾 建⽴ “连结” 接受 Ref 作为函数参数 返回由 Ref 组成的对象 使⽤ ref / unref 让函数变得更加灵活 将异步操作转换为 “同步” 副作⽤⾃动清除 类型安全的 Provide / Inject 状态共享 useVModel ` ` 谢谢！ 幻灯⽚可以在我的⽹站 antfu.me 上下载

lo { name: "Text", // 组件名称转换 props: { value: "Hello", // 参数转换 onClick: true, // 事件绑定 }, } { name: "Image", props: { source: { 后？ 核⼼心升级不不影响 Hippy-Vue Hippy-Vue 只更更改 Vue 的 输⼊入和输出，核⼼心逻辑并未 侵⼊入： • 通过 node-ops 接⼝口对 接⾃自定义 DOM • 转换 DOM 到终端。 • 单独实现 CSS 编译和解 析 Vue 3.0 升级后如果 node-ops 接⼝口不不变，则可 以直接升级适配。 更更新：有了了 createRender() 更更⽅方便便

Design Vue 3 都已不在支持 IE 了，并不是他们自己放弃了 IE 而是 Vue 3 本 已经放弃了 IE。如果想在低版本浏览器上正常使用这两个框架，可使用 Babel、ESBuild 或其他转换 原文链接：Element Plus 和 Ant Design Vue 对比测评，哪个更好？ 具，并引入相应的 polyfill。 Element Plus 使用到了 ResizeObserver，如有兼容性需求可自行引入

postcss, … sass, less, styus, … 组件化 component Vue.js SFC 类 Vue.js SFC 跨端复⽤用 不不可复⽤用 快速移植 H5, 快应⽤用 ⽀支持转换 H5 ⾃自动构建 本身⽆无构建 webpack 构建 内置构建 上⼿手成本 全新学习 熟悉 Vue.js 即可 Vue.js 和 wepy 集中数据管理理 不不⽀支持 Vuex Redux