输出 的连结 输出会⾃动根据输⼊的改变⽽改变 ?=?²+?²=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()

渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的 顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们 在每个索引位置正确渲染。 这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的 列表渲染输出。 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项 prevent="doThat"> 9. 10. 11.

12. 13. 14. 15. 16. Service 5. ... a lot of static content ... 6.