v-bind

render 函数中使用组件等

change:(e)=>{console.log(e,'改变')}}})//方案二：constonChange=(e)=>{console.log(e,'改变')}return()由于render函数中没有v-bind
寒墨茗殇·2024-01-09 22:34

Vue基础

插值语法：常用标签体内容{{...}}...为js表达式指令语法：解析标签v-bind动态绑定例：简写：====>:例：数据绑定单向数据绑定：v-bind双向数据绑定：v-model:value简写：=
前端小卡拉米·2024-01-09 08:53

【Vue3】2-5 : 指令系统与事件方法及传参处理

▶当然可以：使用指令系统二、指令系统2.1v-bind作用：属性绑定，如v-bind:id="dyn
ladymorgana·2024-01-09 07:31

vue笔记

简写v-bind:v-on@计算属性是响应式，值更新再计算，函数不是，每次都调用函数v-if:假的时候不渲染v-show始终渲染，只改变display属性不建议v-if与v-for一起使用多行字符串可以添加
不识地理不懂距离·2024-01-09 06:47

Vue动态组件 & keep-alive

根据v-bind:is="组件名"中的组件名去自动匹配组件，如果匹配不到则不显示。改变挂载的组件，只需
dingFY·2024-01-09 06:22

el-select值的回显问题：如何使element-ui的下拉框显示label值

今天写前端又遇到个很神奇的事情，element的下拉框el-select出现了一点儿问题，回显的时候显示value的值，这个强迫症看来就很难受我写的代码是这样的查阅大量资料，突然发现一个简单的方法，那就是vue的v-bind
江一呀·2024-01-09 01:19

vue3 指令详解

系列文章目录TypeScript从入门到进阶专栏文章目录系列文章目录前言一、v-model（双向绑定功能）二、v-bind(用于将一个或多个属性绑定到元素的属性或组件的prop)三、v-if、v-else
枫ゞ·2024-01-07 22:24

el-input-number设置step、stepStrictly后，数据精度丢失的问题

el-input-number的配置inputNumberEditorOnChange(value,$index,column,row)"v-bind="column">```这里是设置5位小数的step
英俊潇洒美少年·2024-01-07 08:21

7，前置信息的总结

后者是前端的概念也就是说前者是整个项目，后者是整个项目中的viewVue基本代码的结构Titlevarvm=newVue({el:'',data:{},})一些指令插值表达式，v-cloakv-html，可以解析字符串中的html代码v-bind
coderymy·2024-01-07 06:12

（适趣AI）Vue笔试题

如果有什么需要改进的地方还请大佬指出⛺️作者简介：大家好，我是听风与他☁️博客首页：CSDN主页听风与他每日一句：狠狠沉淀，顶峰相见目录前言1.请简述Vue.js的生命周期函数及其执行顺序2.Vue.js中的v-bind
听风与他·2024-01-06 21:10

Vue 工作开发小技巧

2、在内部使用v-bind给CSS属性绑定属性值。3、父子组件传值时，使用.sync修饰符后，可直接在子组件中通过$emit('update:propName')来更新父组件中绑定的数据。
努力的小朱同学·2024-01-06 10:49

Vue3用法总结

模板语法1.属性绑定的值是null或undefined时，则该属性会从元素上被移除：2.布尔型属性的值为false时，该属性会从元素上被移除：Button3.指令是带有v-前缀的特殊属性，如：v-html；v-bind
Lafe_4b0a·2024-01-05 20:48

vue基础

:"#app",data:{items:["java","Linux","前端"]}});说明：v-for="iteminitems"：遍历Vue实例中定义的名为items的数组，并创建同等数量的组件v-bind
小小1992·2024-01-04 22:43

vue中什么是过滤器啊？

vue中的过滤器可以用在两个地方：双花括号插值和v-bind表达式，过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示：{{message|capitalize}}定义filter在组件的选项中定义本地的过滤器
蓝斑.json·2024-01-04 11:34

vue绑定背景颜色或背景图片 和 nuxtjs动态设置background-image：

v-bind绑定样式表：-----------------------------------------------------------------------------------------
abiao1981·2024-01-04 08:43

VUE基础之vue入门

Vue之-基本的代码结构和插值表达式、v-cloakVue指令之v-text和v-htmlVue指令之v-bind的三种用法直接使用指令v-bind使用简化指令:在绑定的时候，拼接绑定内容：:title
小K强·2024-01-03 13:30

【Vue】关于Vue代码可读性的几点思考

Vue代码可读性的几点思考前言一、善用组件让代码更有条理性1.1、提取UI组件**1.2、按模块提取业务组件**1.3、按功能提取功能组件**二、利用v-bind使组件的属性更具有可读性三、利用attrs
不停喝水·2024-01-03 10:46

Vue3_16（动态组件）

在挂载点使用component标签，然后使用v-bind:is=”组件”用法如下：引入组件importAfrom'./A.vue'importBfrom'.
BingJS·2024-01-03 02:36

Vue3复习笔记

目录挂载全局属性和方法v-bind一次绑定多个值v-bind用在样式中Vue指令绑定值Vue指令绑定属性动态属性的约束Dom更新时机”可写的“计算属性v-if与v-for不建议同时使用v-for遍历对象数组变化检测事件修饰符
小辉吖～·2024-01-03 00:16

Vue：idea编写Vue程序

目录一、环境布置二、第一个Vue程序三、v-指令1、v-bind：绑定2、v-if，v-else，v-else-if：判断3、v-for：循环4、v-on：事件5、v-model：双向绑定四、组件五、通信六
白色风车下的花海·2024-01-02 10:56

Vue常用的修饰符有哪些?有什么应用场景?

Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind
蓝斑.json·2024-01-01 23:11

v-for循环中使用v-on（VUE学习4）

1.VUE基础框架Document2.设置页面标题v-for循环中使用v-on3.将Vue应用程序挂载到具有id="app"的div元素上4.显示一个img元素，通过v-bind指令动态设置src属性，
零梦ing·2024-01-01 05:43

v-bond和v-if的使用（VUE学习2）

将具有pinkBG类的元素的背景颜色设置为lightpink.pinkBG{background-color:lightpink;}3.将Vue应用程序挂载到具有id="app"的div元素上，并使用v-bind
零梦ing·2024-01-01 05:13

VUE全局过滤器filter

1、过滤器1.1过滤器科用在两个地方：双花括号插值和v-bind表达式中。
苦咖啡Li·2024-01-01 02:37

Vue——.sync修饰符 & 具名插槽 & 作用域插槽 & mixin混入

一、深入理解v-modelv-model其实就是v-bind:和v-on:的语法糖。将自定义组件，绑定数据的属性改成value，监听事件的名称改成input，也可以使用v-model简写形式。
叽里咕呱·2023-12-31 11:15

vue 组件通信传值

新建父组件文件父组件：//这里传的是一个变量值(可修改的，所以要使用v-bind属性)//引入子组件importsonfrom'.
web30·2023-12-31 02:21

v-bind使用

给元素的属性赋值可以给已经存在的属性赋值inputvalue也可以给自定义属性赋值mydata语法在元素上v-bind:属性名="常量||变量名"简写形式:属性名="变量名"对象语法我们可以传给v-bind
不秃头的程序员·2023-12-30 10:44

Vue指令详解

`v-bind`2.`v-model`3.`v-if`/`v-else-if`/`v-else`4.`v-for`5.`v-on`6.`v-show`7.`v-pre`8.
几何心凉·2023-12-29 14:57

VUE及VUEX的快速简单梳理

的知识点梳理目标人群：有一定的MVVM知识基础上手过MVVM的项目，理解各种情况的下的通信方式技术文档：VUEVUEX1.VUE:生命周期常用模板语法：{{value}}插值表达式v-model="value"双向绑定v-bind
贪得_3440·2023-12-29 12:58

vue实现滑动切换：切换选项时滑块有滑动过渡的效果

这样色块的宽度就会和当前激活的内容宽度一致，色块的字体颜色设置透明即可2.色块滑动的距离是读当前激活元素的offsetLeft，赋值给色块盒子的translateX属性3.使用vue3的新属性，在css中使用v-bind
张大栗子·2023-12-29 02:52

【Vue篇】基础篇—Vue指令，Vue生命周期

音乐分享【如愿】欢迎并且感谢大家指出小吉的问题文章目录Vue概述快速入门Vue指令⭐v-bind✨运行结果⭐v-model✨运行结果️‍注意⭐v-on✨运行结果⭐v-if&&v-else-if&&v-else
在下小吉.·2023-12-29 01:13

vue2.0-指令

前缀的特殊属性参数在指令冒号（:）指明修饰符以半角句号（.）指明特殊后缀，用于指出一个指令应该以特殊方式绑定例如：.pevent修饰符告诉v-on指令事件触发调用event.preventDefault()缩写v-bind
Ahiase·2023-12-28 23:20

基于Element-plus封装配置化表单组件（组件的v-model实现）

一、预备知识1.1组件的v-model前面我们在input中可以使用v-model来完成双向绑定：这个时候往往会非常方便，因为v-model默认帮助我们完成了两件事；v-bind:value的数据绑定和
小小白学计算机·2023-12-28 22:38

（原创）vue中v-model的高级用法（多用于组件封装）

input中使用v-model先从最基础的使用说起，input中使用v-model完成双向绑定的原理：v-bind:value的数据绑定和@input的事件监听；组件中使用v-model对比input元素不同的只是属性的名称和事件触发的名称而已
K.P·2023-12-28 22:07

vue的props

在父组件中使用子组件时，可以使用v-bind指令将数据传递给子组件的props。子组件中可以通过props属性接收并使用这些数据。父组件中：importChildComponentfrom'.
乐神来了·2023-12-28 18:12

10.Vue Class绑定

因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js做了专门的增强。
凌枫_c475·2023-12-28 16:57

vue过滤器（filter）

vue中可以自定义过滤器，用于{{插槽}}和v-bind表达式。
北风吹_yfy·2023-12-28 15:50

【Vue】Vuex介绍

基本使用（1）语法示例03.核心概念（1）State（2）Mutation（3）Action（4）Getter（5）ModuleVue六、Vuex01.Vuex概述（1）前情提要组件通信（小范围内）父传子：v-bind
Composition55555·2023-12-28 14:37

vue2源码解析---v-model双向数据绑定

这意味着当表单元素的值发生变化时，Vue实例中的数据也会随之更新工作原理生成ast树本质上是语法糖结合了v-bind和v-on两个指令示例代码newVue({el:'#app',data(){return
小王没脑袋·2023-12-28 13:59

Vue中的自定义指令和使用方式

v-model、v-bind、v-on、v-show、v-if等这些由v-开头的都是Vue中的核心内置指令，他们的作用就是在元素的整个生命周期的某个阶段对DOM进行内容或者样式上的操作。
Sheldon一蓑烟雨任平生·2023-12-28 08:23

vue双向绑定原理

image.jpegMVVM框架的三要素：数据响应式、模版引擎及其渲染数据响应式：监听数据变化并在视图中更新Object.defineProperty()Proxy模版引擎：提供描述视图的模版语法插值：{{}}指令：v-bind
cesiuming·2023-12-28 02:06

Vue.js的template编译是什么

在Vue.js中，组件的模板可以使用HTML标记和Vue的模板语法来定义，例如使用v-bind绑定数据、使用v-if和v-for来控制渲染条件和循环等。
&ACE&·2023-12-28 00:16

js实现瀑布流布局

**dom结构**1234**css**.contentList{position:relative;height:500px;//必须有固定高度，如有必要可以采用下面的动态计算赋值//height:v-bind
散修灬·2023-12-26 13:34

【无标题】

一、今日学习目标1.指令补充指令修饰符v-bind对样式增强的操作v-model应用于其他表单元素二、指令修饰符1.什么是指令修饰符？
学c++的阿Q·2023-12-26 03:00

三阶段--day05--Vue.js MVVM 基本语法 分支结构 循环结构 form表单数据绑定 表单修饰符 计算属性 数组操作方式 vue生命周期

目录一、VueJS1、VUE介绍2、VUE组件说明二、VUE基本语法1入门案例2数据显示3双向数据绑定1）双向数据绑定原理4MVVM设计思想5事件绑定v-on:6按键触发7计算器8按键修饰符9属性绑定v-bind
心猿意码~~·2023-12-25 22:20

【Vue2+3入门到实战】（4）Vue基础之指令修饰符 、v-bind对样式增强的操作、v-model应用于其他表单元素 详细示例

2.按键修饰符3.v-model修饰符4.事件修饰符三、v-bind对样式控制的增强-操作class1.语法：2.对象语法3.数组语法4.代码练习四、京东秒杀-tab栏切换导航高亮1.需求：2.准备代码
老牛源码·2023-12-25 21:39

Vue实现点击列表中的哪一项，该项就变红色

根据题目可知，会用到v-for实现列表展示，v-bind动态绑定class，实现颜色的变化，v-on:click实现点击事件。定义颜色active为红色。
mo小风·2023-12-25 17:19

融资项目——vue之双向数据绑定

上一篇文章中使用的v-bind是单向绑定方法，即数据改变，网页相应的视图发生改变，但是网页视图发生改变其相关联的数据不会发生改变。
qq_45007794·2023-12-24 07:49

前端学习——指令

所谓的指令就是能够完成特定功能的一些vue语法，比如属性绑定指令v-bind，事件绑定指令v-on，循环指令v-for等。在vue中，所有的指令都是v-开头的。
qq_33453797·2023-12-23 15:39

vue的语法模板与数据绑定的说明

功能：用于解析标签体的内容写法：{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性指定语法：功能:用于解析标签(包括:标签属性、标签体内容、绑定事件...)读取为js表达式举例：v-bind
仰头45°Cde可乐·2023-12-22 06:33
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他