2025-02-24输入框 (Input)：用户可以输入关键字进行搜索。下拉框 (Select)：用户可以选择一个选项进行过滤。搜索按钮 (Search Button)：触发搜索操作。此外，我们将使用 Vue.js 的特性来定义一个可接收不同类型输入的表单，动态地渲染input和select组件。通过结合v-forv-model和emit机制，Vue.js 能够实现一个灵活且高效的动态搜索组件。_ant design vue4.0 definemodel是什么

https://www.qianduange.cn//article/21195.html 分类：前端知识

2025-02-22本文是关于 Vue 开发中性能优化的 12 个小技巧，包括长列表性能优化（不做响应式、虚拟滚动）、避免 v-for 与 v-if 同时使用、列表使用唯一 key、使用 v-show 复用 DOM、无状态组件用函数式组件、子组件分割、变量本地化、第三方插件按需引入、路由懒加载、keep-alive 缓存页面、事件销毁、图片懒加载等，还提及了 SSR 等等.....

https://www.qianduange.cn//article/20617.html 分类：前端知识

2024-06-07<template> <div class="talkContent"> <div class="talkShow" id="words"> <div :class="[(item.person=='mechanical')?'mechanicalTalk':'mineTalk']" v-for="(item,index) in talkList" :key="index"> <span>{{item_支持流式传输的前端对话框页面 vue

https://www.qianduange.cn//article/11353.html 分类：前端知识

2024-08-27jQuery中如何实现，v-if和v-for相关操作_jquery v-if

https://www.qianduange.cn//article/16984.html 分类：前端知识

2024-08-25本文讨论了在Vue.js中使用v-for时遇到的Duplicatekeysdetected错误，主要原因是子元素的key值不唯一。作者提供了将key值改为基于索引和元素ID的示例，以确保每个项都有唯一的标识。

https://www.qianduange.cn//article/16871.html 分类：前端知识

2024-08-21Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。

https://www.qianduange.cn//article/16450.html 分类：前端知识

2024-08-20（input、radio、select）使用，双向绑定数据，可以快速。index 是每一项的索引，不需要可以省略。Vue 的默认行为会尝试原地修改元素（数据改变后，呈现的页面结果会更新。页面结果更新后，数据也会随之而变。v-for 指令需要使用。item 是数组中的每一项。便于Vue进行列表项的。v-model="变量"arr 是被遍历的数组。

https://www.qianduange.cn//article/16271.html 分类：前端知识

2024-08-15v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。_vue v-on

https://www.qianduange.cn//article/15741.html 分类：前端知识

2024-08-14Vue自定义指令提供了一种强大的方法来扩展Vue的功能。它们允许开发者直接对DOM元素进行低层次操作，而无需编写大量的模板或者JavaScript代码。自定义指令可以响应Vue的响应式系统，从而在数据变化时触发相应的DOM更新。Vue提供了一些内置指令，如v-modelv-ifv-for等，它们已经覆盖了很多常见的场景。然而，内置指令的功能是有限的，自定义指令则提供了更多的灵活性和控制力。动画和过渡：实现复杂的动画效果。DOM操作：在不使用额外库的情况下，直接操作DOM。表单验证。_vue自定义指令

https://www.qianduange.cn//article/15514.html 分类：前端知识

2024-07-29列表渲染是指将数据集合（通常是数组）中的每个数据项渲染成相应的 DOM 元素，通常用于显示列表、表格等内容。双向绑定是指视图（DOM）与数据模型之间的双向关联，当数据模型发生变化时，视图会更新；反之亦然，当用户在视图中输入内容时，数据模型会相应地更新。_v-for v-model

https://www.qianduange.cn//article/14518.html 分类：前端知识