v-bind

vue动态的css修改

例如固定两个样式之间的变换，可通过三元表达式绑定不同class多个class变换动态的css修改例如产品给了我们个需求需要点击一次按钮来使得view的高度增加10px单文件组件的＜style＞标签可以通过v-bind
lunaʚゞɞ·2023-11-09 16:16

Vue小案例（一）

使用：v-bind、v-on、v-show1、首先创建好Vue代码格式：Documentconstapp=newVue({el:'#app',data})有5张图片，需要将其放入数组里，在data中创建数组和下标
bit_Sakura·2023-11-09 02:02

Vue3 v-model 变更

、变更内容非兼容：01、用于自定义组件时，v-modelprop和事件默认名称已更改：prop：value->modelValue；event：input->update:modelValue；02、v-bind
小草莓蹦蹦跳·2023-11-08 09:55

Vue常用知识点汇总

1.Vue常见的指令有哪些，有什么用（1）v-text：会替换掉元素里的内容；（2）v-html：可以渲染html界面；（3）v-clock：防止界面闪烁；（4）v-bind：界面元素属性值的绑定，简写为
前端小菜凯·2023-11-07 14:15

【后端速成 Vue】初识指令(下)

前言：上一篇初识指令(上)文章中，一共讲解了v-html，v-show，v-if，v-else，v-else-if，v-on，v-bind这些指令，当然，还剩不少的指令没有讲解，本问将会介绍剩余的常用指令
程序猿教你打篮球·2023-11-07 13:43

Vue3指令

以下是几个常用的Vue指令：指令描述v-bind用
暴怒的代码·2023-11-07 11:16

自定义指令

二、自定义指令1.指令介绍内置指令：v-html、v-if、v-bind、v-on…这都是Vue给咱们内置的一些指令，可以直接使用自定义指令：同时Vue也支持让开发者，自己注册一些指令。
清梦压星河_Ciao·2023-11-07 00:04

前端框架Vue学习 ——（二）Vue常用指令

例如:v-if,v-for…常用指令：v-bind：为HTML标签绑定属性值，如设置href，css样式等测试可以简写为：测试v-model：在表单元素上创建双向数据绑定为其绑定数据模型newVue({
sweetheart7-7·2023-11-06 10:01

vue3组件之间的数据共享武装到牙齿篇

组件之间的关系分为如下3种：①父子关系②兄弟关系③后代关系2.父子组件之间的数据共享父子组件之间的数据共享又分为：①父、子共享数据②子、父共享数据③父、子双向数据同步2.1父组件向子组件共享数据父组件通过v-bind
星月前端·2023-11-06 03:25

2022web前端全栈完整整理——（二）csscss3篇

3.vue3中的.vue文件的style里的css可以使用js/ts中的声明变量，且支持双向响应：属性：v-bind(js/ts变量)。文本颜色点击修改文本颜色i
Bejpse·2023-11-06 01:50

vue2 自定义组件—v-model—.sync修饰符—具名插槽—作用域插槽—混入

v-model指令其实就是对v-bind:value和v-on:input的简写，所以在自定义组件中，只要有v-bind:value绑定value属性和v-on:input绑定input事件，就可以使用
uuz·2023-11-05 09:15

Vue常用指令及其作用

开始取消了$inde;3、v-show显示内容;4、v-hide隐藏内容;5、v-if显示与隐藏,v-else-if必须和v-if连用v-else必须和v-if连用不能单独使用否则报错模板编译错误;6、v-bind
Li_Arena·2023-11-05 08:13

v-model语法糖

v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定v-model本质上是value属性和input事件的一层包装v-model的作用：提供数据的双向绑定数据发生了改变，页面会自动变v-bind
Gloria。·2023-11-05 07:08

第十七节——指令

Vue.js提供了一组内置的指令，如v-model、v-bind、v-if、v-for等。此外，你也可以自定义指令来满足特定的需求。二、常见指令1、v-model用于实现表单元素与Vue实例数据
爱在你心中·2023-11-05 05:15

过滤器

过滤器可以用在两个地方：mustache插值和v-bind表达式(后者从2.1.0+开始支持)。
猿分让我们相遇·2023-11-04 16:37

VUE里各种数据刷新了但是视图没变的情况

这时候可以把v-model给个v-bind（:v-model），或者把number+
zergNeptune·2023-11-04 10:31

Vue单向数据流 和 computed的getter&setter

即父组件可以向子组件传递数据，但是子组件不能直接修改父组件的状态（2）Vue是单向数据流，Vue的双向绑定是语法糖（3）：指在不影响功能的情况下，添加某种方法实现相同的效果，从而方便开发（使用语法糖可以简化代码书写）例如：v-bind
Grayly吖·2023-11-04 00:45

vue集成Element组件--使用记录

一、安装及组装暂不考虑基础vue页面的组成：二、el语法记录1.el-menu-item标签{{tt}}其中：属性作用:index为v-bind:index用于动态绑定跳转url的，为必须项！
珍爱_飞·2023-11-02 18:01

Vue3 学习笔记

1、.sync、v-modelVue2中的.sync修饰符在vue3中取消了，取而代之的是v-bind和defineEmits。
DevilAngelia·2023-11-02 18:43

VUE 2-3 知识框架

computed（6）watch（7）template2.MVVM模型（1）模型（Model）（2）视图（View）（3）视图模型（ViewModel）二、模板语法1.插值语法2.指令语法（1）v-model（2）v-bind
星辰大海1412·2023-11-02 08:08

Vue自学笔记

Vue实例想让vue工作就要创建Vue实例，且要转入v-model应该配置对象root容器中的代码依然符合html规范只不过引入了Vue语法Vue实例与容器一一对应vue有插值语法和指令语法，模型语法v-bind
我艾边城·2023-11-02 02:28

自学VUE笔记

绑定单个属性：给这个div增加id属性​简写：b、绑定多个属性值data(){return{objectOfAttrs:{id:'container',class:'wrapper'}}}通过不带参数的v-bind
李白爱喝茶·2023-11-02 02:28

vue.js 属性绑定的几种方式（以class属性为例）

Vue属性绑定测试实例(runoob.com).myClass{background:#444;color:#eee;}修改背景和颜色v-bind:class指令v-bind:class指令v-bind
zslsir·2023-11-02 01:49

uniapp 开发微信小程序 v-bind给子组件传递函数，该函数中的this不是父组件的二是子组件的this

要么就弃用v-bind传入函数,改为emit传入自定义事件[uniapp]uview(1.x)二次封装u-navbar导致:custom-back函数this.$emit/this.
柑橘乌云_·2023-11-01 15:44

VUE3中Class 与 Style 绑定

因为它们都是attribute，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。
Prince_0716·2023-10-31 21:05

Vue.js(基础使用方法详解)

VueVue基本配置项**Vue扩展:**模板引擎插值表达式指令v-for(遍历)v-text/v-htmlv-show/v-if(显示与隐藏)v-if/v-else-if/v-else(条件)v-bind
家里一只小秃鸡·2023-10-31 19:02

【Vue3】Vue组件的样式绑定

一、为Html标签绑定class属性v-bind，为class属性绑定一个对象，在对象中可以设置样式是否可用1.绑定class属性,由绑定的变量来决定应用哪个样式2.可以将样式直接设置成Vue组件中的数据对象注意
早睡早起长头发·2023-10-31 16:18

Vue中的样式绑定

我们将样式绑定分为两种：一种是通过style绑定，一种是通过class绑定样式绑定适用于切换效果的实现，小规模用style，大规模用classstyle绑定样式这里需要用到v-bind指令，绑定style
M78_国产007·2023-10-31 16:04

Vue之样式绑定

样式绑定class绑定使用方式：v-bind:，expression的类型：字符串、数组、对象style绑定v-bind:style=“expression”，expression的类型：字符串、数组、
柯南01·2023-10-31 16:21

v-bind动态改变样式

通过v-bind切换样式，:class="{active:true}"为true展示样式，false不展示。也可以由:style="{width:percent+'%'}"动态控制宽度。
清梦压星河_Ciao·2023-10-31 16:09

vue

=====================vue：标签只能有一个子标签{{msg}}：双大括号会将数据解释为普通文本，绑定的数据对象的属性发生变化插值处的内容也会更新v-html：为了输出HTML代码v-bind
寻_4533·2023-10-31 04:58

vue实现图片分页

本小节学会使用v-show和@click、v-bind，v-bind可以简写为:Document0"@click="index--">上一页下一页constapp=newVue({el:'#app
清梦压星河_Ciao·2023-10-30 16:49

vue组件间通信

一、props【父->子】在父组件页面使用v-bind:或:将数据传递给子组件，子组件通过props获取父组件传递过来的值。
YiYaYiYaHei·2023-10-30 03:57

Vue的基本使用

Vue的基本使用创建Vue实例插值表达式{{}}安装Vue开发者工具：安装插件调试Vue应用Vue指令v-htmlv-showv-ifv-onv-bind案例：图片的点击切换v-bind对于样式控制的增强案例
Insight.·2023-10-30 03:56

Vue指令大全：深入探索Vue提供的强大指令功能

目录v-bind指令v-on指令v-if和v-show指令v-for指令自定义指令其他常用指令总结Vue.js是一款流行的JavaScript框架，具备丰富的指令系统。
TechWhiz-晓同·2023-10-29 10:34

vue模板语法和数据绑定和el、data的两种

模板语法有两大类：1.插值语法：功能：用于解拆标签体内容写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性2.指令语法：功能：用于解拆标签（包括：标签属性，标签体内容，绑定事件）举例：v-bind
高冷大猛男·2023-10-28 21:41

Vue特点+Vue简单实例+Vue模板语法+Vue数据绑定+data和el的2种写法

{{xxx}}插值语法2.v-xxx指令语法5.Vue数据绑定1.数据单向绑定v-bind就是一个单向绑定指令2.数据双向绑定v-model就可以实现数据双向绑定6.data和el的2种写法1.el的两种写法
前端小草籽·2023-10-28 21:40

VUE模板语法、数据绑定、el与data的写法

文章目录模板语法插值语法指令语法v-bindv-modelv-on模板语法的总结对于需要重名的变量，可以设置层级来访问数据绑定单向数据绑定——v-bind双向数据绑定——v-model绑定小结el与data
_洋·2023-10-28 21:07

vue当中的数据绑定、el和data的两种写法

1.单向数据绑定1.语法：v-bind:href="xxx"或简写为:href2.特点：数据只能从data流向页面2.双向数据绑定A.语法：v-mode:value="xxx"或简写为v-model="
向阳菌·2023-10-28 21:37

v-text、v-cloak、v-html、v-once、v-pre、v-bind指令的学习

认识vue指令vue的指令directive只是dom的行间属性，vue给这类属性赋予了一定的意义，来实现特殊的功能所有的指令都是以v-开头指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM那么接下来我们可以看看vue提供了哪些指令(所有指令的值都是表达式！)v-text：文本指令代码v-cloak指令的使用：处理页面闪烁问题第一步要给元素添加v-cloak代码第二步：手动
听书先生·2023-10-28 20:36

从零开始的VUE项目(三)：ELEMENT UI静态页面开发

父组件向子组件传值子组件调用父组件方法父组件调用子组件方法计算属性传参动态设置stylewatch属性监听数组中的元素v-for遍历父组件向子组件传值流程：父级组件在data中定义数据，或者通过方法获取数据》在子组件调用位置通过v-bind
忽胖忽瘦·2023-10-28 18:36

vue3 子组件向父组件传递参数

1.父传子父组件：在子组件上通过v-bind绑定属性子组件：先定义下基本类型，然后通过setup的第一个参数取获取传过来的值2.子传父父组件：在子组件上绑定一个事件，并定义回调子组件：通过setup的第二个参数去接受
toocool404·2023-10-28 10:16

vue3中父组件向子组件传递数据

父组件向子组件传递数据可以通过要传递数据的子组件标签上通过v-bind的形式传递过去数据,v-bind可以简写成':',子组件可以通过props来接收父组件传递过来的值,props可以为数组,也可以为对象
程序员小凉·2023-10-28 10:10

Vue03基础语法--Vue组件+样式绑定+修饰符+常用控件+自定义指令+自定义事件

3.按键修饰符4.常用控件4.1常用控件示例4.2修饰符5.自定义指令钩子函数：5.1局部5.2全局6.vue组件（重点）7.自定义事件7.1子->父7.2父->子1.样式绑定class绑定使用方式：v-bind
天蝎座的程序媛·2023-10-27 10:14

Vue3组件（13）封装控件后属性的传递问题

也很简单，可以使用v-bind="$attrs"一次性绑定上。那么
自然框架·2023-10-27 09:53

react和vue的面试题

1.Vue组件通信父组件通过v-bind绑定一个自定义的属性，子组件通过props接收父组件传来的数据，子组件通过$emit触发事件,父组件用on(
么有932·2023-10-27 06:24

Vue 快速入门

Vue快速入门目录目录一、Vue指令和参数二、v-for条件指令三、v-model指令四、v-on和v-bind指令五、component组件六、Vue快速配置配置镜像淘宝脚手架安装全局脚手架提示：以下是本篇文章正文内容
两手空空！·2023-10-25 22:12

20231019_vue学习

引入vue.js:vue.js路由vue模板语法v-html:添加html模板v-bind:添加属性，缩写：v-on:监听事件，缩写@v-model:数据双向绑定过滤器{{message|filterA
tryCbest·2023-10-25 17:52

第四节——Vue属性绑定

二、Vue如何绑定属性Vue绑定属性一般是在属性名后面加:也就是v-bind（不推荐使用v-bind），当使用:绑定html元素的属性后，属性就相当于参数，属性值为预期值，一般在实际应用中，:绑定的属性值都是通过计算得来或者是一个通过判断时刻变化的值
爱在你心中·2023-10-25 09:11

Vue 复习 常用指令

当切换场景较多时，使用v-showv-bind绑定数据我们可以用v-bind给标签绑定vue中数据，像在input中，组件中绑定数据。
大白菜没有梗·2023-10-25 07:23
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他