-
Vue3中v-else-if的多条件应用
2025/12/07 点击：2209
v-else-if能处理多个条件判断。可以根据不同条件展示不同内容。 90">优秀 = 80 score 良好 = 60 score 及格 不及格 条件判断顺序很重要，会按顺序依次检查。
-
v-show基本介绍
2025/12/07 点击：4315
在Vue3里，v-show是一个指令，用于控制元素的显示与隐藏。它的原理是通过修改元素的CSS属性'display'来实现。 template div v-show="isVisible"这是一个使用v-show的元素/div/templatescript setupimport {
-
v-show的动态切换
2025/12/07 点击：6333
v-show可以根据数据的变化动态切换元素的显示状态。当绑定的数据值改变时，元素的显示状态也会相应改变。 template button @click="toggleVisibility"切换显示状态/button div v-show="isVisible"这是一
-
Vue3中使用v-for指令遍历数组
2025/12/07 点击：2982
在Vue3里，v-for指令可用于遍历数组。基本语法是 v-for="item in items" ，这里的 items 是数组， item 是数组中的每个元素。 template ul li v-for="item in numbers" :key="item" {{ item }} /li /ul/templatescript s
-
Vue3中使用v-for指令遍历对象
2025/12/07 点击：5647
v-for指令也能遍历对象。语法为 v-for="(value, key) in object" ， value 是对象的值， key 是对象的键。 template ul li v-for="(value, key) in user" :key="key" {{ key }}: {{ value }} /li /ul/templatescript setupimport {
-
Vue3列表渲染中维护状态 - 基础概念
2025/12/07 点击：3552
在Vue3里，列表渲染时维护状态很重要。当用 v-for 指令渲染列表，每个列表项要有唯一标识，这样Vue能高效更新DOM。 // 示例数据const items = [ { id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }];//
-
Vue3列表渲染中维护状态 - 状态更新
2025/10/15 点击：7388
当列表数据更新，Vue会根据 key 来判断哪些列表项需要更新。若列表项的顺序改变，Vue会复用已有DOM元素，而非重新创建。 // 示例：更新列表数据const items = ref([ { id: 1, name: 'Item 1' }, {
-
Vue3中数组更新检测 - 基础原理
2025/10/15 点击：5528
在Vue3里，数组更新检测依靠响应式系统。当数组发生变化时，Vue3能自动检测到并更新相关DOM。例如，使用 reactive 创建响应式数组。 import { reactive } from 'vue';const state = reactive({ list: [1,
-
Vue3中数组更新检测 - 可检测的方法
2025/10/15 点击：5362
Vue3能检测一些数组方法的调用并更新DOM，如 push 、 pop 、 shift 、 unshift 、 splice 、 sort 和 reverse 。 import { reactive } from 'vue';const state = reactive({ list: [1, 2, 3] });state.list.splice(0, 1); // 删除第
-
Vue3中v-for与v-if一同使用的基本情况
2025/12/13 点击：3620
在Vue3里，v-for和v-if可以一起用，但要注意优先级。v-for优先级比v-if高，这意味着v-for会先执行，再执行v-if。 template ul li v-for="item in items" v-if="item.isActive" :key="item.id" {{ item.name }} /li /ul/
