标签云-Vue
-
v-for指令通过key管理状态
Vue当 Vue 正在更新使用 v-for 渲染的元素列表时,它默认使用“就地更新”的策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序,而是就地更新每个元素,并且确保它们在每个索引位置正确渲染。
小萝卜 2024-03-09 【 Vue 】 浏览 507
详情查看 -
v-for指令遍历对象
Vue你也可以使用 v-for 来遍历一个对象的所有属性。遍历的顺序会基于对该对象调用 Object.keys() 的返回值来决定。
小萝卜 2024-03-09 【 Vue 】 浏览 425
详情查看 -
vue的列表渲染指令v-for
Vue我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法,其中 items 是源数据的数组,而 item 是迭代项的别名
小萝卜 2024-03-09 【 Vue 】 浏览 476
详情查看 -
vue的条件渲染指令v-if、v-else-if、v-else、v-show
Vuevue的条件渲染指令v-if、v-else-if、v-else、v-show
小萝卜 2024-03-08 【 Vue 】 浏览 398
详情查看 -
vue使用 JavaScript 表达式绑定文本及属性
Vue在 Vue 模板内,JavaScript 表达式可以被使用在如下场景上: 在文本插值中 (双大括号) 在任何 Vue 指令 (以 v- 开头的特殊 attribute) attribute 的值中
小萝卜 2024-03-08 【 Vue 】 浏览 408
详情查看 -
vue属性绑定指令v-bind
Vuev-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined,那么该 attribute 将会从渲染的元素上移除。
小萝卜 2024-03-08 【 Vue 】 浏览 479
详情查看 -
Vue模板语法
VueVue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。
小萝卜 2024-03-08 【 Vue 】 浏览 397
详情查看 -
创建 Vue 应用实例
Vue每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例:我们传入 createApp 的对象实际上是一个组件,每个应用都需要一个“根组件”,其他组件将作为其子组件。
2024-03-08 【 Vue 】 浏览 376
详情查看