51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Vue.js 实现输入框回车搜索
Vue.js 实现输入框回车搜索el-input 监听键盘按下状态 得用@keyup.enter.native,如果是非el-input 组件，可以直接用@keyup.enter。在Vue中，已经为常用的按键设置了别名，这样我们就无需再去匹配**​​keyCode​​**，直接使用别名就能监听按键的事件。 什么是@keyup@keyup(键盘事件)是按键松开，参数是当指定的按键松开会触发的事件事
键盘事件
使用场景
封装
原创
Herio
2022-01-20 15:44:33
414阅读

Vue.js 实现输入框回车搜索
Vue.js 实现输入框回车搜索el-input 监听键盘按下状态 得用@keyup.enter.native,如果是非el-input 组件，可以直接用@keyup.enter。在Vue中，已经为常用的按键设置了别名，这样我们就无需再去匹配**keyCode**，直接使用别名就能监听按键的事件。什么是@keyup@keyup(键盘事件)是按键松开，参数是当指定的按键松开会触发的事件事件代码事件描述@keyup.enter回车按键松开@keyup.left左键按键
登录页面
vue.js
右键
键盘事件
使用场景
原创
Herio
2021-08-10 10:05:55
4254阅读

简单了解vue.js
简单了解vue.jsvue.js提供了现代web开发中常见的高级功能，比如： 解耦视图与数据 可复用的
vue
数据
双向绑定
vue.js
原创
demo123567
2022-11-03 10:22:34
102阅读

Vue.js简单记录
v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a>v-on 缩写 <!-- 完整语法 --> <a v-on:click="doSomething">&lt
慕课网
官网
vue.js
转载
mob604756fc093d
2017-06-20 22:14:00
69阅读
2评论

beego结合vue.js实现简单部署
之前很懵逼，将vue.js开发的前端，完完全全独立地部署在云上（用nginx，配置一堆，完全没必要），很傻很傻，其实，将打包的东西放beego的view下和static目录下即可……自己的认识：开发的时候一定要用独立的前端，即vue.js前端项目必须是独立的，独立的服务，不要放beego里的view里作为tpl页面。虽然，放beego view里的tpl通过引用vue、element、ax...
golang
beego
vue.js
axios
element
原创
3xxxx
2021-07-09 13:03:43
244阅读

beego结合vue.js实现简单部署
之前很懵逼，将vue.js开发的前端，完完全全独立地部署在云上（用nginx，配置一堆，完全没必要），很傻很傻，其实，将打包的东西放beego的view下和static目录下即可……自己的认识：开发的时候一定要用独立的前端，即vue.js前端项目必须是独立的，独立的服务，不要放beego里的view里作为tpl页面。虽然，放beego view里的tpl通过引用vue、element、ax...
beego
golang
vue.js
开发
部署
原创
3xxxx
2022-01-19 09:43:54
483阅读

js实现简单搜索引擎 原生js实现搜索框
近期有个新入行的小伙伴一直在问一些基础知识，突然觉得人的记忆力有限，有些平常很少用到的知识点虽简单却也其实很容易模糊，或者是一个单词，或者是一个语法。所以想着应该利用一下工作之余的碎片时间，记录一些工作上的问题和一些有趣的小案例，于是开通了播客，一方面便于自己日后翻阅，一方面给刚学习的小伙伴一个参考。今天先写一个简单的小案例：原生JS模拟百度搜索框。需求：1.当在输入框输入时，每输入一个文字，就会
js实现简单搜索引擎
文本框
字符串
数组
转载
mob64ca140ee96c
2024-03-29 22:33:03
339阅读

vue点击得到当前li的索引号 vue.js搜索框
debounce简介debounce是lodash工具库中的一个非常好用的函数。在实现搜索框对输入进行动态查询的时候，我们需要防止前端频繁的发送查询请求给后端，这个时候就需要用到debounce，它可以设置一个时间间隔，比如300ms，忽略300毫秒内的输入变化。debounce的详细介绍可以参考这篇文章。debounce的高级用法博主的页面中有3个搜索框，每个搜索框都需要动态响应用户的输入到后台
vue点击得到当前li的索引号
搜索
ajax
输入框
转载
mob64ca13f9a97c
2024-05-11 21:10:16
64阅读

实现一个简单的Vue.js
这样做！实现一个简单的Vue.js
Vue.js
转载
小小小___
2021-07-05 16:12:24
205阅读

Vue.js 表格组件设计与实现解析（搜索框篇）---基于naiveUI库
在现代Web开发中，灵活而强大的表单组件是提高用户体验和开发效率的关键。本文将详细解析一段使用Vue.js和Naive UI库实现的表单组件代码，并探讨其设计思路、优点及待改进之处。我们还将扩展讨论实际应用场景和高级概念，以确保内容更加丰富和详细。组件样式展示组件配置数据代码分段与详细解释首先，我们来看这段代码的整体结构，它主要分为模板部分（template）、脚本部分（script setup）
Vue
naiveUI
原创 精选
actionLife
2024-06-24 09:05:13
1239阅读
1点赞

vue.js的优势 vue vue.js
一、Vue.js是什么    Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
vue.js的优势
前端
Vue
入门
NPM
转载
mob64ca14089531
1月前
433阅读

vue 搜索treeselect vue 搜索框列表实现
一、需求描述实现一个搜索框： 1、输入关键字，按键抬起后可以实现查询功能； 2、下拉列表展示搜索结果，搜索结果中关键字要用特殊颜色突出显示，默认选中搜索结果的第一项； 3、可以按上下键切换选中项，按回车输出选中项； 4、单击组件之外的地方可以收起下拉列表；二、分析用到的插件 pinyin-match： 支持拼音全拼、简拼和汉字模糊匹配。 调用match方法，匹配成功返回数组([匹配到第一个字符的下
vue 搜索treeselect
搜索
ico
List
转载
网络安全守护神
2024-02-26 19:11:02
439阅读

js和vue.js js和vue.js区别
Vue.js：Vue.js（是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性：I:
js和vue.js
vue.js
前端
javascript
Powered by 金山文档
转载
数据侠客行
2023-08-10 11:36:06
856阅读

Vue.js
Vue.js是对JavaScript进行了封装，语法风格和小程序很像，比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方，所以说只要熟悉了一门语言，再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w
Vue.js
html
ios
vue.js
解决方案
转载
mob60475704ea1a
2019-08-24 15:28:00
256阅读
2评论

Vue.js
1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么？ ​ Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是，Vue被设计为可以自底层向上逐层应用。 ​ Vue的核心库只关注视图层，不仅易于上手，还便于与第三方或既有项目整合。另一方面，当与现代化工具链以及各 ...
数据
html
ios
vue.js
ajax
转载
mb5fd86d5f5874e
2021-09-21 22:00:00
300阅读
2评论

vue.js
Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它主要用于创建单页面应用（SPA），但也可以作为一个库集成到现有项目中。Vue 提供了响应式数据绑定和组件化的开发模式，使得开发者可以高效地构建动态和交互性强的应用。主要特点：响应式数据绑定：Vue 的数据绑定系统使得数据和视图保持同步，改变数据会自动更新视图。组件化：通过组件，开发者可以将界面分解为可重用的片段，提高代码的
Vue
开发者
数据绑定
原创
wx66cd4af1479ee
2024-08-27 11:47:04
175阅读
1点赞

VNode 节点 (vue.js 实现)
抽象DOM树在刀耕火种的年代，我们需要在各个事件方法中直接操作DOM来达到修改视图的目的。但是当应用一大就会变得难以维护。那我们是不是可以把真实DOM树抽象成一棵以JavaScript对象构成的抽象树，在修改抽象树数据后将抽象树转化成真实DOM重绘到页面上呢？于是虚拟DOM出现了，它是真实DOM的一层抽象，用属性描述真实DOM的各个特性。当它发生变化的时候，就会去修改视图。可以想象，最简单粗暴的方
vue
html
数据
作用域
转载
凯小默的博客
2022-08-18 09:09:16
303阅读

vue.js技术简介 vue.js原理
一、Vue.js是什么？渐进式框架。其设计为自底向上逐层应用。Vue只关心视图层。二、声明式的渲染模板语法来声明式地将数据渲染到DOM系统<div id="app"> {{ message }} </div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })输出：Hel
vue.js技术简介
vue.js
Vue
加载
html
转载
jacksky
2023-08-07 15:57:55
1616阅读

vue.js的好处 vue.js优势
目录一、 Vue.js是什么二、 Vue.js优点 三、 前提条件四、 安装Vue1.  直接用 script 标签 引入2.  命令行工具 (CLI)3. 其他方法或细节应用五、声明式渲染六、 理解什么是MVVMMVVM模式的组成部分MVVM优点一、 Vue.js是什么(vue读音 /vjuː/，类似于 view)
vue.js的好处
vue.js
前端
javascript
Vue
转载
墨染青衫
2023-08-11 15:19:19
308阅读

VUE.js
欢迎扫码关注微信公众号回复关键字【资料】获取各种学习资料 啥是VUE.js前端开发框架采用MVVM模式
vue.js
前端
微信公众号
前端开发
原创
include12138
2022-02-28 11:04:12
158阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue.js

Vue.js（03）：Vue.js 模板语法

springboot vue.js springboot vue.js fastdfs

vue.js android vue.js android app

vue.js 指令 vue.js内置指令

vue.js项目实战 vue.js教程

vue.js教程 vue.js快速入门

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯