工大张学友-优快云博客

原创 [vue]计算属性

1、问题来源我们在处理网页时，如果在模版中放入过多的逻辑就会变得难以维护，这时就要用到计算属性来优化逻辑。2、解决办法利用computed来优化逻辑。

2025-03-27 09:43:58 311

1、问题来源我们在处理网页时，原有数组不能满足需求，需要去更新一个数组。2、解决办法push()：给数组末尾添加元素，this.list.push(7,8,9)；pop()：删除数组末尾的元素，this.list.pop()；shift()：删除数组的第一个元素，this.list.shift()；unshift()：给数组的首位添加元素，this.list.unshift(7)；splice()：删除元素、插入元素、替换元素；第一个参数:表示开始插入或开始删除的元素下标。

2025-03-27 08:50:03 281

原创 [Vue]事件修饰符

1、问题来源我们在处理网页时，当点击按钮时会触发对应事件，但是有时并不想触发该时间，此时就需要事件修饰符对事件进行限定。2、解决办法Vue 为解决这一问题，Vue 为 v-on 提供了事件修饰符。

2025-03-26 11:29:40 340

原创 [Vue]事件处理

1、问题来源我们在处理网页时，当点击按钮，需要弹出窗口。2、解决办法我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。用法：v-on:click=“handler” 或 @click=“handler”。内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)。方法事件处理器：一个指向组件上定义的方法的属性名或是路径。

2025-03-25 08:58:52 406

原创 [Vue]列表渲染

h3>列表渲染</h3>-- 循环显示数据 -->-- 获取下标 -->-- of也可以 -->-- 遍历对象 -->-- 遍历对象属性 -->循环读取数据。

2025-03-21 17:02:02 410

原创 [Vue]条件渲染

/h1>官方介绍：一个 v-else 元素必须跟在一个 v-if 或者 v-else-if 元素后面，否则它将不会被识别。个人理解：awesome为ture，渲染Vue is awesome!，反之渲染Oh no 😢。

2025-03-21 15:39:37 374

原创 [vue]属性绑定

官方介绍：v-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除。个人理解：就是将div的id值与dynamicId的值进行绑定，好处是便于后期通过dynamicId来查找该div并修改。

2025-03-21 14:57:26 219

原创 [vue]VsCode快捷键

如有错误，请指正！！！

2025-03-21 11:37:27 309

原创 Vue学习汇总（JS长期更新版）

一、基础。

2025-03-21 10:55:04 183

原创 [vue]模版语法

Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统，当应用状态变更时，Vue 能够智能地推导出需要重新渲染的组件的最少数量，并应用最少的 DOM 操作。

2025-03-21 10:50:37 304