前端开发Vue3学习资料
需积分: 5 7 浏览量
2024-04-29
15:40:56
上传
评论
收藏 6.84MB PDF 举报
React的开发模式：
React使用的jsx，所以对应的代码都是编写的类似于js的一种语法；
之后通过Babel将jsx编译成 React.createElement 函数调用；
Vue也支持jsx的开发模式，但是大多数情况下，使用基于HTML的模板语法；
在模板中，允许开发者以声明式的方式将DOM和底层组件实例的数据绑定在一起；
在底层的实现中，Vue将模板编译成虚拟DOM渲染函数，这个我会在后续给大家讲到；
Mustache双大括号语法
如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 (双大括号) 的文本插值。
并且我们前端提到过，data返回的对象是有添加到Vue的响应式系统中；
当data中的数据发生改变时，对应的内容也会发生更新。
当然，Mustache中不仅仅可以是data中的属性，也可以是一个JavaScript的表达式。
指令
v-once
v-once用于指定元素或者组件只渲染一次：
当数据发生变化时，元素或者组件以及其所有的子元素将视为静态内容并且跳过；
该指令可以用于性能优化；
果是子节点，也是只会渲染一次：
v-memo
缓存一个模板的子树。在元素和组件上都可以使用。为了实现缓存，该指令需要传入一个固定长度的依赖值数组进行比较。如果
数组里的每个值都与最后一次的渲染相同，那么整个子树的更新将被跳过。
v-text
剩余29页未读，继续阅读
资源评论
