VUE3.0
Zman777
全栈学习小学生
展开
-
VUE3.0-事件处理
data() {return {count: 0},原创 2024-05-23 18:30:00 · 439 阅读 · 0 评论 -
VUE3.0-通过key管理状态
Vue 默认按照"就地更新'的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时,Vue 不会随之移动DOM 元素的顺序,而是就地更新每个元素,确保它们在原本指定的索引(位置上渲染。为了给Vue 一个提示,以便它可以跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的 key attribute。请不要使用 index 作为 key 的值,我们要确保每一条数据的唯一索引不会发生变化。key 绑定的值期望是一个基础类型的值,例如字符串或 number 类型。原创 2024-05-23 17:45:00 · 273 阅读 · 0 评论 -
VUE3.0-列表渲染
我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法,你也可以使用of作为分隔符来替代in,这更接近 JavaScript 的迭代器语法。大多数情况,我们渲染的数据源来源于网络请求,也就是 JSON 格式。其中 items 是源数据的数组,而 item 是迭代项的别名。v-for 也支持使用可选的第二个参数表示当前项的位置索引。你也可以使用 v-for 来遍历一个对象的所有属性。原创 2024-05-23 17:00:00 · 400 阅读 · 0 评论 -
VUE3.0-条件渲染
总的来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。相比之下, v-show 简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS display 属性会被切换。v-if也是惰性的:如果在初次渲染时条件值为 false,则不会做任何事。顾名思义v-else-if 提供的是相应于 V-if 的"else if 区块”。v-if 是'真实的"按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销段与重建。另一个可以用来按条件显示一个元素的指令是 v-show。原创 2024-05-23 16:00:00 · 202 阅读 · 0 评论 -
Vue3.0-属性绑定
属性绑定创建项目双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute,应该使用 vbind 指令v-bind 指令指示Vue 将元素的id attribute 与组件的dynamicld 属性保持一致。如果绑定的但是 null 或有undefined,那么该 attribute 将会从渲染的元素上移除。原创 2024-05-22 17:05:11 · 268 阅读 · 0 评论 -
VUE3.0学习-模版语法
在Node.js官网上,你会看到两个主要版本供下载:LTS(长期支持版本)和Current(当前版本)。Current版本包含了最新的功能,但可能不够稳定,适合追求新特性的开发者。首先,打开浏览器,访问 [Node.js 官方网站](https://nodejs.org/)。- 如果你是开发者,希望尝试Node.js的最新特性,可以选择Current版本。- 按照安装向导提示进行,你可以选择默认安装路径或自定义路径。- 下载.pkg文件后,双击开始安装,并按照安装引导完成。原创 2024-05-22 15:25:55 · 424 阅读 · 0 评论