js原生双向数据绑定

Vue.js 开发入门指南

它的主要特点包括：双向数据绑定：数据和视图保持同步。组件化开发：方便代码复用，提高开发效率。虚拟DO
2401_89793006·2025-03-07 23:16

（一）React 基础

1.3ReactVSVueVSAngular1.基本概述2.语法和核心概念对比2.1组件语法2.1.1React组件2.1.2Vue组件2.1.3Angular组件2.2数据绑定2.2.1React（单向数据流）2.2.2Vue（双向数据绑定
小刀肉0812·2025-03-06 19:19

Vue.js 学习笔记

文章目录前言一、Vue.js基础概念1.1Vue.js简介1.2Vue.js的特点1.3Vue.js基础示例二、Vue.js常用指令2.1双向数据绑定（`v-model`）2.2条件渲染（`v-if`和
剑走偏锋o.O·2025-03-05 17:39

第四十一：Axios 模型的 get ，post请求

Axios的get请求方式9.双向数据绑定v-model-邓瑞编程Axios的post请求方式：
小画家~·2025-03-05 14:12

Vue.js之MVVM设计模式

MVVM是可以实现View和Model的完全分离，通过ViewModel这个桥梁进行交互，然后ViewModel通过双向数据绑定把View层和Model层连接起来，而View层和Model层之间的通信则完全由
炑焽·2025-03-05 13:34

React入门简介

它还有一个强大的双向数据绑定系统，可以让我们轻松地保持数据和用户界面同步；Vue轻量、灵活且强大，最重要的是对于初学者来说相对简单。
地信小学生·2025-03-05 04:26

JS原生系列-DOM篇（延伸）

为什么80%的码农都做不了架构师？>>>关于DOM，这就是最后一部分了，这部分都是后台或者最新的domapi，学的时候需要多的记忆一次，有印象有保障！-.ajax的介绍：ajax输出json格式文件jsonp的介绍xhr2的介绍http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_create.asp-.cookie的介绍：设置cookie和删除c
Joe?·2025-03-03 13:21

Uniapp 从入门到精通：数据绑定与响应式原理

从入门到精通：数据绑定与响应式原理前言一、引言1.1Uniapp概述1.2数据绑定与响应式原理的重要性二、Uniapp基础回顾2.1开发环境搭建2.2基础语法与组件三、数据绑定详解3.1单向数据绑定3.2双向数据绑定
xcLeigh·2025-02-22 13:45

Vue.js 新手必看：5个趣味小案例快速理解数据绑定原理

这种双向数据绑定机制使得数据更新和视图更新变得非常直观和高效。本文将通过5个趣味小案例，帮助Vue.js新手快速理解数据绑定的原理和实现方式。
云资社·2025-02-16 16:36

Vue简单入门

主要内容为，vue入门、vue双向数据绑定、vue的事件、vue的生命周期。一、Vue是什么？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。采用的是MVVM设计模式。
安离九歌·2025-02-15 22:45

MVVM模式是什么？ 它的优点？它和mvc的区别？

MVVM是Model-View-ViewModel的缩写，它是一种基于前端开发的架构模式，其核心是提供对View和ViewModel的双向数据绑定，这使得ViewModel的状态改变可以自动传递给View
试图让你心动·2025-02-11 12:59

常见的前端框架和库有哪些

特点：提供双向数据绑定，简化数据和UI状态的同步。强大的依赖注入机制，促进代码的可测试性。具有丰富的生态系统和工
默萧笙故·2025-02-11 11:49

Vue 双向数据绑定的原理

Vue的双向数据绑定是其核心特性之一，它可以让视图与数据保持同步，简化了开发者在DOM操作上的工作。
呀啊~~·2025-02-11 10:14

Vue2中v-model和.sync修饰符的实现原理及区别

文章目录引言一、v-model二、修饰符.sync三、总结引言  Vue2中实现双向数据绑定的方式有两种，一个是v-model，一个是.sync修饰符。
9527566465·2025-02-11 04:58

[JS] js原生 toUpperCase 和 lodash中的upperCase 区别

同事踩了lodash的upperCase的坑。场景：基金搜索，输入字符串搜索基金。选择器按输入的字符串过滤并展示过滤后的结果。例如：搜索"中证A500"预期能够出现"国泰中证A500ETF","银华中证A500ETF","嘉实中证A500ETF","南方中证A500ETF"等等包含"中证A500"的结果。但是结果是用户输入"中证A500"之后，过滤后的结果为空。排查原因发现是他在处理toUpper
·2025-02-07 01:39

Vue.js开发基础教程

双向数据绑定：数据驱动视图，视图也可以驱动数据。组件化开发：vue.js提供了非常方便且高效的组件管理来进行加载公用的模块。指令：指令绑定在元素上时，指令会给绑定的元素添加一些特
阿宝Altai·2025-02-06 00:21

【web前端】单向数据绑定和双向数据绑定有什么区别？

单向数据绑定和双向数据绑定有什么区别？单向数据绑定和双向数据绑定有什么区别？总结单向数据绑定和双向数据绑定有什么区别？
myt2000·2025-02-04 23:50

Vue3 v-bind 和 v-model 对比

1.基本概念1.1v-bind单向数据绑定从父组件向子组件传递数据简写形式为:1.2v-model双向数据绑定父子组件数据同步本质是v-bind和v-on的语法糖2.基础用法对比2.1表单元素绑定import
傻小胖·2025-02-01 19:34

nodejs原生http简单搭建web服务器

原生搭建主要作为了解，真正搭建可以使用一些封装的模块express等简单搭建consthttp=require('http')constserve=http.createServer()serve.on('request',(request,response)=>{//防止乱码()response.setHeader('Content-Type','text/html;charset=utf-8'
wcgdecsdn·2025-02-01 13:49

使用node-addon-api实现从c到nodejs模块全流程

安装编译工具链（C/C++编译器）4初始化Node.js项目4.1创建项目目录4.2初始化package.json4.3安装必要的库5编写代码5.1创建项目结构5.2编写动态库代码5.3编写Node.js
lxkj_2024·2025-01-29 14:01

Vue2和Vue3区别

1.vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用ES5的一个APIObject.defineProperty()对数据进行劫持结合发布订阅模式的方式来实现的。
mini猪·2025-01-27 04:04

Angular 1 深度解析：脏数据检查与 angular 性能优化

不受区域或组件划分影响使用尽量简单的绑定表达式提升脏检查执行速度尽量减少页面上绑定表达式的个数（单次绑定和ng-if）给ng-repeat添加trackby让angular复用已有元素什么是脏数据检查（Dirtychecking）Angular是一个MVVM前端框架，提供了双向数据绑定
chouang1992·2025-01-26 12:08

js迭代器模式

以前JS原生的集合类型数据结构，只有Array（数组）和Object（对象）；而ES6中，又新增了Map和Set。
摇光93·2025-01-19 13:24

Vue-常见指令

样式等v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染,否则不渲染v-show根据条件展示某元素，区别在于切换的是display属性的值v-model在表单元素上创建双向数据绑定
dd要努力变优秀！·2025-01-17 17:43

[20250116]-前端面试题——Vue篇

双向数据绑定：通过v-model实现数据和视图的实时同步。组件化开发：将页面分解成可复用的组件，提高开发效率和可维护性。虚拟
·2025-01-17 05:12

js原生给生成的html添加点击事件,原生js为动态元素添加监听事件

//已存在div//创建标签functioncreatepage(){varspan=document.createElement('span')span.innerHTML=“测试span”//设置属性span.setAttribute("class","gopage");varpagenum=document.getElementById("pagenum")pagenum.appendChi
习翔宇·2024-09-15 09:14

Springboot2 thymeleaf 静态资源加版本号控制缓存更新

最近写了一个前后端不分离的项目了，用的Springboot2thymeleaf用的js原生，没有用到webpack，所以不能在每次js变更以后打包自动给静态文件加上hash后缀关于静态资源缓存不更新的问题
VIAE·2024-09-12 22:46

Vue实现双向数据绑定

在Vue.js中，双向数据绑定是通过v-model指令实现的。v-model是Vue.js提供的一个语法糖，它能够在表单元素和组件上实现数据的双向绑定。
眉间是银河·2024-09-11 19:47

Vue解說

响应式数据绑定：Vue使用双向数据绑定，
白总Server·2024-09-11 06:39

【vue3+ts+vant】上传图片

1.使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式
lisa带你捕蟑螂·2024-09-07 00:54

vue数据双向绑定的实现原理

vue实现双向数据绑定的原理就是利用了Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。
叮叮当1016·2024-09-05 22:14

前端框架与库的区别：深入解析与实战指南

前端框架与库的区别：深入解析与实战指南基本概念和作用框架库功能使用思路与代码示例示例一：使用React框架构建组件示例二：使用Lodash库进行数据处理示例三：使用Vue.js框架进行双向数据绑定实际工作中的使用技巧经验分享自行拓展内容在前端开发领域
DTcode7·2024-09-02 08:25

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124.node-gyp-Node.js
雷神 Leo·2024-08-28 21:15

vue08 基础-表单输入绑定

  你可以用v-model指令在表单、及元素上创建双向数据绑定。
斯诺斯诺斯诺_c21f·2024-08-28 14:23

03.React学习日记.JSX绑定事件-传递参数

注意：这两者不是同一种类型的对象，前者为js原生事件对象，后者为React内部合成的事件对象，功能属性基本一样。
_生生不息_·2024-08-28 08:57

Vue双向数据绑定原理与实现

看到一文大佬写的超级棒就转载了，地址如下：https://www.cnblogs.com/wangjiachen666/p/9883916.html
LingSun·2024-08-28 03:35

vue js原生上传图片前压缩方法

//压缩图片compressImage(file,maxWidth=750){returnnewPromise((resolve)=>{constreader=newFileReader();reader.onload=function(event){constimg=newImage();img.src=event.target.result;img.onload=function(){//co
beyondjxx·2024-08-27 05:27

vue3表单中v-model指令的使用

可以用v-model指令在表单控件元素上创建双向数据绑定一，input如下示例：让msg值与input框绑定，当我改变input框的内容，外面内容也会随之改变用了v-model绑定数据，input就不用写
木子木木lmd·2024-08-25 16:34

解决el-input无法输入的问题和表单验证失败问题

el-input无法输入的问题和表单验证失败问题原因1、el-input组件没有绑定双向响应式数据(v-model)解决方案:在data中定义一个变量，然后在el-input组件中使用v-model进行双向数据绑定
颖儿♡＾▽＾♡·2024-03-26 04:18

vue双向数据绑定原理

一、什么是双向数据绑定？双向数据绑定指的是Vue会自动跟踪数据状态并在其发生变化时响应式地更新DOM，且DOM更新时，数据也会进行相应的更新。
煸橙干儿~~·2024-03-19 01:38

微信小程序的双向数据绑定和vue的哪里不一样？下拉刷新的方式代码示例

小程序的双向数据绑定和Vue的双向数据绑定有一些不同之处。实现方式：小程序的双向数据绑定采用的是数据劫持的方式，通过重写对象的get和set方法来监听数据的变化和更新视图。
我爱学习yq·2024-02-24 18:31

HarmonyOS—@Observed装饰器和@ObjectLink嵌套类对象属性变化

类装饰器用于在涉及嵌套对象或数组的场景中进行双向数据同步：被@Observed装饰的类，可以被观察到属性的变化；子组件中@ObjectLink装饰器装饰的状态变量用于接收@Observed装饰的类的实例，和父组件中对应的状态变量建立双向数据绑定
不入流HarmonyOS开发·2024-02-20 22:34

HarmonyOS—@Observed装饰器和@ObjectLink嵌套类对象属性变化

类装饰器用于在涉及嵌套对象或数组的场景中进行双向数据同步：被@Observed装饰的类，可以被观察到属性的变化；子组件中@ObjectLink装饰器装饰的状态变量用于接收@Observed装饰的类的实例，和父组件中对应的状态变量建立双向数据绑定
·2024-02-20 21:11

Vue内置指令学习

常见应用包括：动态绑定图片的src属性：动态绑定CSS类名：动态绑定样式：2.v-model：用于实现双向数据绑定，常见应用包括：表单输入框的双向绑定：复选框的双向绑定：单选框的双向绑定：3.v-for
一花一world·2024-02-20 13:05

vue中computed 和watch 的区别是什么？

它具有缓存特性computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；watch主要用于监控vue
码农小嘉·2024-02-20 03:38

ES6的20个问题，你都会吗？

答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。
web前端技术·2024-02-20 00:22

vue面试题

双向数据绑定原理letobj={}letnewObj=JSON.parse(obj)Object.defineProperties(obj,'name',{get(){returnnewObj.name
Alice_66·2024-02-19 23:56

前端开发，Vue的双向数据绑定的原理

目录一、什么是前端二、Vue.JS框架三、双向数据绑定四、Vue的双向数据绑定的原理一、什么是前端前端通常指的是网页或应用程序中用户直接交互和感知的部分，也称为客户端。
杨荧·2024-02-19 21:37

VueCLI核心知识1：ref属性、props配置、mixin混入

1ref属性ref属性类似于js原生获取DOM元素点我输出上方的Dom元素importSchoolfrom'.
是小蟹呀^·2024-02-14 02:39

Vue自定义组件v-model实现双向数据绑定-Input文本框

1、创建VModelInput组件，代码如下：exportdefault{props:{value:{type:String,default:''}}}2、引用VModelSelect组件，代码如下：{{modelInputValue}}importVModelInputfrom'@/components/VModelInput'exportdefault{components:{VModelIn
xu_jinhuai·2024-02-12 16:24
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他