v-bind

uniapp快速入门系列（2）- Vue基础知识

章节二：Vue基础知识Vue的介绍和特性Vue的简单易用Vue的灵活高效Vue的常用指令和组件v-bind指令v-on指令Vue组件的通信方式父子组件通信兄弟组件通信总结Vue的介绍和特性Vue是一款轻量级的
疯狂小赤兔·2023-10-10 17:08

Vue中过滤器的使用和注意事项

过滤器可以使用在2个地方：mustache插值和v-bind表达式，过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示。过滤器的使用
Sheldon一蓑烟雨任平生·2023-10-10 13:10

Elements in iteration expect to have 'v-bind:key' directives错误的解决办法

在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示，“Elementsiniterationexpecttohave'v-bind:key'directives
ktHub·2023-10-10 11:59

vue-5

插槽默认插槽具名插槽作用域插槽3.综合案例：商品列表MyTag组件封装MyTable组件封装4.路由入门单页应用程序路由VueRouter的基本使用二、自定义指令1.指令介绍内置指令：v-html、v-if、v-bind
是三好·2023-10-09 20:00

vue中v-model的原理是什么？v-model作用在组件上的原理是什么？sync修饰符的原理是什么？

特点：双向绑定数据=>视图视图=>数据场景：收集表单数据组件上原理：v-model只是个语法题，本质是：v-model=v-bind(:value)+v-on(@input){{text}}(text=
是三好·2023-10-09 20:29

Vue3.0入门

https://vue3js.cn/v-bind绑定样式：有两种方式对象方式：数组方式：v-on绑定事件：上一张下一张v-if条件渲染：18">成年人未成年v-for循环渲染：{{item.name}}
小矮多·2023-10-09 18:43

前端扯犊子之三Vue3（一）

建议用方法调用或计算属性替换它们2、指令集：v-html指令用于输出html代码v-bind绑定，可以进行样式绑定【对象（可多个属性、绑定计算属性）、数组（传入多个class、三元表达式、使用对象）、用于组件
wsgdiv·2023-10-09 15:24

vue属性之 $attrs和$listeners 简单记录

v-bind="$attrs"通过绑定此属性可以让父组件的props传参渗透到孙组件v-on="$listeners"通过绑定此属性可以让孙组件的$emit事件冒泡到父组件子组件在中间做一个传递的动作;
互联网热心网友·2023-10-09 15:45

Vue2,带你探秘$attrs和$listeners

当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。
玛卡巴卡的造·2023-10-09 15:14

Vue.js 循环语句 v-for指令

key在使用的时候，必须使用v-bind属性绑定的形式，指定key的值。在组件中使用v-for循环的时候，或者在一些特殊情况中，如果v-for有问题，必须在使用v-for的同时
Mr_Bobcp·2023-10-09 10:49

vue-2

一、文章内容概括1.指令补充指令修饰符v-bind对样式增强的操作v-model应用于其他表单元素2.computed计算属性基础语法计算属性vs方法计算属性的完整写法成绩案例3.watch侦听器基础写法完整写法
是三好·2023-10-09 02:44

一、Vue2笔记--基础篇--15-Vue内置指令v-text、v-html、v-cloak、v-once、v-pre

）v-html指令（慎用）：--------------------（相当于innerHTML）v-cloak指令（没有值）：v-once指令（没有值）：v-pre指令（没有值）：我们学过常见的指令：v-bind
打不着的大喇叭·2023-10-08 23:47

vue基础--模板语法、常用指令：v-if、v-show、v-for、虚拟DOM、v-once、v-cloak、v-text、v-html、v-bind、v-on、自定义指令

一、模板语法Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能地计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。1.1文本在App.vue里引入TemplateSyntax
小白小白从不日白·2023-10-08 23:47

Vue模板语法V-bind

一、插值1.文本无标题文档Message:{{msg}}这个将不会改变:{{msg}}//数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本插值。//Mustache标签将会被替代为对应数据对象上msg属性的值。无论何时，绑定的数据对象上msg属性发生了改变，插值处的内容都会更新。例如下面在app1中设置了msg的属性为“HelloWorld!”，在下面重新设置了属性值为“12
weixin_30371469·2023-10-08 23:46

vue v-html url,Vue 模板语法学习笔记

3.3v-pre跳过预编译3.4v-once(一次编译，不在变换)3.5v-model双向数据绑定四、事件绑定v-on使用4.1简单事件处理4.2使用函数处理事件4.3事件函数传参4.4事件修饰符五、属性绑定v-bind
展熊飞·2023-10-08 23:46

【Vue】各v-指令用法

1.1、v-html1.2、v-text二、渲染元素2.1、v-show2.2、v-if、v-else、v-else-if2.3、v-for三、绑定元素3.1、方法绑定v-on或`@`3.2、属性绑定v-bind
一颗不甘坠落的流星·2023-10-08 23:16

Vue2基础-指令语法合集（HTML版）

目录一、v-bind指令二、v-on指令三、v-model四、v-text和v-html五、v-show和v-if六、v-for一、v-bind指令给标签属性设置vue变量的值，多用于设置href、style
大脑不能为空·2023-10-08 23:45

v-bind绑定

一、标签属性动态绑定方式一：v-bind:属性名="data声明的变量名"方式二：（简写）将v-bind省略，直接:属性名="data声明的变量"v-bind.属性名[.修饰符]="变量名、计算属性。。
wuhuhuan·2023-10-08 23:13

day29-Vue.js

不需要节点操作）1.Vue对象var变量名=newVue({el:选择器data:数据对象methods:方法对象})2.Vue相关指令（1）设置标签内容：{{Vue中data属性}}（2）设置标签的属性值：v-bind
毋望·2023-10-08 20:39

Vue这些修饰符帮我节省20%的开发时间

目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单修饰符填写表单，最常用的是什么？input！
源大侠·2023-10-08 19:59

全网火爆Vue2.0-Vue3.0学习笔记

Vue.js是渐进式JavaScript框架，是一个非常优秀的渐进式框架双向绑定和单向绑定v-bind:单向绑定（data流向页面，v-bind：value可以省略为：value）v-model:双向绑定
小王要一直努力噢·2023-10-08 16:54

Vue基础六

el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'这是子组件---{{finfo}}',props:['finfo']}}});使用v-bind
折枝赠远方·2023-10-08 13:51

DOM事件 vue @change

@change用于el-select时，使用是正常的@change用于el-input时，测试并非@change的问题，极可能出现在v-bind:class：问题1空值——>第一次输入时没有改变2
LuckyMon·2023-10-08 09:53

v-model和v-bind的区别？

v-model和v-bind是Vue.js中常用的指令，但有不同的用途和行为。v-model：v-model是用于在表单元素（比如输入框、复选框、单选按钮等）和Vue实例的数据之间创建双向绑定。
Tang_Monk·2023-10-08 09:37

Vue2学习计划五：v-on、v-model、v-if、v-for和v-show

一、v-on事件监听1.1v-on基本使用我们前面学习了，{{}}和v-bind，这两货可以让我们将Vue实例中的数据绑定到DOM中。
wanglz·2023-10-08 07:33

vue 路由缓存

标签包裹router-view标签就能缓存全部的页面了2、缓存单个指定路由同样直接用keep-alive标签包裹router-view标签然后使用include指定需要缓存的页面的name名称可以使用v-bind
shidouyu·2023-10-08 00:54

Vue中的数据绑定

一、v-bind单向数据绑定单向数据绑定中，数据只能由data流向页面。
寻霖·2023-10-07 23:55

VUE框架

message}}//定义VuenewnewVue({el:"#app",//vue接管的区域data:{message:"HelloVue"}})三、Vue常用指令1.v-bind，v-modelVue-指令-v-bind
月星过亿·2023-10-06 07:20

Vue-Router简单整理

active-class="":当前路由激活是应用的样式3.tag="":实际渲染的标签4.replace:将路由操作不写入浏览器的History对象中路由传参：方式一：1.在view-link标签中的写法：v-bind
Xiaoooyooo·2023-10-05 19:39

Web前端-Vue2+Vue3基础入门到实战项目-Day2(指令补充, computed计算属性, watch侦听器, 水果购物车)

Web前端-Vue2+Vue3基础入门到实战项目-Day2指令补充指令修饰符v-bind对样式控制的增强控制class案例-京东秒杀tab导航高亮控制style案例-控制进度条v-model应用于其他表单元素
Y_cen·2023-10-05 14:26

Vue2 第一次学习

本章为超级浓缩版,文章过于短,方便复习使用哦~文章目录1.简单引入vue.js2.指令2.1事件绑定指令v-on(简写@)2.2内容渲染指令2.3双向绑定指令v-model2.4属性绑定指令v-bind
Fy哥·2023-10-05 11:50

vue学习1 v-bind v-on computed watch

Title{{msg}}百度{{count}}加数字helloworld!{{msg1}}varapp1='thisisapp1!';varapp=newVue({el:'#app',data:{msg:'hellovue!',another:'anothervue!!',count:0,template:'hellotemplate',url:'http://www.baidu.com',bg1
thebestduleisi·2023-10-05 11:12

Vue中的指令（内置指令、自定义指令）

一、内置指令1.v-bind（1）主要作用：单向绑定解析表达式，可简写为:xxx(v-bind:xxx)，数据只能从data流向页面（2）代码实现：数据绑定双向数据绑定：-->单向数据绑定：newVue
白小水i·2023-10-04 06:47

Vue-Prop

通过v-bind的方式绑定prop把父组件的数据向子组件传递。但是如上图，prop是单向绑定的：当父组件的属性变化时，将会传递给子组件，但是反过来则不
bouble·2023-10-04 05:32

vue图片显示

2.使用绑定表达式：在Vue中，你可以使用双花括号语法或v-bind指令将图片的URL动态绑定到src属性。
babyzbb636·2023-10-03 21:24

【Vue3】动态 class 类

如果你想在Vue.js中动态设置元素的class类名，你可以使用以下两种主要方式：绑定一个动态的class对象：你可以使用v-bind或简写的:来绑定一个包含类名的对象，其中类名的键是类名字符串，值是一个布尔值或计算属性
谢尔登·2023-10-03 06:42

vue.js v-bind的使用

v-bind的使用v-bind的使用目的：对标签内属性赋值时可以使用data中的变量（会动态改变）。
星星_a1c1·2023-10-02 13:31

Vue2（一）：初识Vue、模板语法、数据绑定、el和data的两种写法、MVVM、数据代理、事件

Vue2学习笔记：第一章一、初识Vue1.Vue的特点2.Vue实例中的el和data3.总结二、模板语法1.插值语法2.指令语法三、数据绑定1.单向数据绑定（v-bind）2.双向数据绑定（v-model
DantinZhang·2023-10-01 12:29

Vue学习记录——数据绑定、el和data两种写法、MVVM模型

Vue学习记录容器和实例是一一对应的关系数据绑定v-bind和v-modelv-bind是单向绑定不能通过界面修改数据v-model是双向绑定可以通过界面修改数据v-model的使用是有范围的，只能应用在表单类元素类
想做合格的前端程序员·2023-10-01 12:59

【模板语法+数据绑定+el与data的两种写法+MVVM模型】

4MVVM模型1模板语法1.1插值语法双大括号表达式功能：用于解析标签体内容语法：{{xxx}}，xxxx会作为js表达式解析1.2指令语法以v-开头功能：解析标签属性、解析标签体内容、绑定事件举例：v-bind
小王小王几点了·2023-10-01 12:24

Vue

VUE.js基本命令v-if||v-for:条件与循环v-model:为页面输入框进行数据双向绑定v-on||@click:为页面元素绑定各种事件v-bind:class||:class：给页面标签的一个属性
楼水流云·2023-10-01 06:00

Web前端-Vue2+Vue3基础入门到实战项目-Day1(初始Vue, Vue指令, 小黑记事本)

-Day1Vue快速上手创建一个Vue实例插值表达式Vue响应式特性Vue指令指令初识和v-htmlv-show和v-ifv-else和v-else-ifv-on内联语句methods处理函数调用传参v-bind
Y_cen·2023-10-01 05:56

MVVM 双向绑定的实现

这篇文章主要记录学习JS双向绑定过程中的一些概念与具体的实现MVVM具体概念MVVM中有一些概念是通用的，具体如下Directive（指令）自定义的执行函数，例如Vue中的v-click、v-bind等
OreChou的小号·2023-09-30 04:11

6 过滤器

过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从2.1.0+开始支持)。
陶然然_niit·2023-09-29 19:07

v-model的双向绑定如何通过v-bind和v-on手动实现

v-model指令在Vue.js中用于实现表单元素的双向绑定，它结合了v-bind和v-on指令的功能。v-bind用于将数据绑定到DOM元素的属性上，v-on用于监听DOM元素的事件。
bzy1998·2023-09-29 03:33

【VUE复习·5】插值语法（使用 计算属性 的插值语法）

所以我们可以使用methods或者computed来实现，以降低耦合性：二、使用methods的插值语法1.示例尽管我们在v-bind和v-m
MicroLindb·2023-09-28 23:52

2019-08-18 v-bind练习

Title.active{color:red}颜色切换按钮letvm=newVue({el:'#app',data:{isTrue:true},methods:{fn(){this.isTrue=!this.isTrue}}})
BAT努力·2023-09-28 21:00

第7讲：v-bind属性绑定,v-model双向绑定,v-on事件监听使用

目录1.v-bind双向绑定2.v-model双向绑定3.v-on事件绑定一.v-bind双向绑定1.v-bind指令可以在其名称后面带一个参数，中间放一个冒号隔开，这个参数通常是HTML元素的特性（attribute
CSDN专家-赖老师（软件之家）·2023-09-28 11:31

【Vue】了解这些类和样式绑定就够了！

本章给大家讲解的是类和样式绑定，前面的章节已经更新完毕，后面的章节持续输出，有任何问题都可以留言或私信哈，一起加油~类和样式绑定其中:是v-bind的缩写)绑定class样式写法：class="soa"
即兴小索奇·2023-09-28 09:25

vue2响应式数据与双向数据绑定

首先，响应式数据不等于双向数据绑定双向数据绑定通常就是指vue的内置指令v-model，实际上就是v-bind和v-on的语法糖。
R-READING·2023-09-27 13:09
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他