v-bind

Vuex的学习-1

组件间共享数据的方式父向子传值：v-bind绑定子向父传值：v-on事件绑定兄弟间共享数据：EventBus$on接收数据的那个组件$emit发送数据的那个组件小范围使用Vuex是什么Vuex是实现组件全局状态
Chemo辰陌·2023-12-21 08:05

探索 Vue3 (一) 父子组件传参

父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值，如以下代码子组件代码：菜单区域{{title}}{{data}}//js写法defineProps({title:
yueF_L·2023-12-21 03:27

Vue学习笔记(黑马前端)

Vue阶段作业地址Vue核心技术与实战day01Vue快速上手Vue概念/创建实例/插值表达式/响应式特性/开发者工具Vue指令v-html/v-show/v-if/v-else/v-on/v-bind
ltpbje·2023-12-21 03:54

Vue基础 (黑马程序员讲解)

Vue2.x技术精讲目录：1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/
妄心×·2023-12-21 03:53

vue中的修饰符

vue中的修饰符共分为以下五种表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符1，表单修饰符(1)trim：可以过滤用户输入的首空格字符，而中间的空格不会过滤。
Monsters°·2023-12-21 02:54

详解vue中的v-model

序：v-model是v-bind和v-on:input的结合，即监听了表单的input事件，然后修改value属性对应的值一、vue单文件中使用v-model众所周知，当我们使用v-bind绑定prop
夜尽天明962464·2023-12-20 18:09

vue之组件间v-model通信

首先要清楚v-model的原理：等价于v-model的双向数据绑定是依靠v-bind绑定prop和v-on监听传值所完成的，那么就好办了。
等周末的爱码士·2023-12-20 18:38

深入聊聊Vue指令 v-model

首先，v-model可以理解为Vue团队提供的一个语法糖，他的实现原理其实是v-bind和input事件的结合。
WangdedoudouV587·2023-12-20 18:36

vue常用指令

v-bind：动态地绑定一个或多个特性，或一个组件prop到表达式。简写：冒号。。。v-model：在表单控件或组件上创建双向绑定。v-show：根据表达式的真假值，切换元素的显示状态。
香香爱编程·2023-12-20 18:35

11 v-bind指令

概述v-bind指令可以说是Vue3中最常用的指令之一，使用v-bind，我们几乎能够给任何实现动态的绑定比值。这里，我们主要演示以下，通过v-bind动态绑定CSS样式。
Python私教·2023-12-20 14:23

Vue 父子组件传值sync修饰符

v-bind中1.传值单个属性1.1普通形式父组件：importSonfrom'.
-加油·2023-12-19 15:49

Vue全局过滤器 自定义指令

function(value){//全局过滤器returnvalue.slice(0,4)})自定义指令定义一个v-big指令和v-text功能类似但会把绑定的数值放大10倍定义一个v-fbind指令和v-bind
我家二爷·2023-12-19 07:28

学习Vue的第一天

学习Vue的第一天一、初识Vue1.我的第一个Vue项目2.模板语法（v-bind===>:）3.数据绑定（v-model）4.el和data的两种写法5.MVVM模型6.defineProperty6.1
重庆李豪·2023-12-18 23:10

v-model梳理

Boolean,default:true},}官方解释：等价于用在组件上时所以可以这样用：父组件中：子组件props：{value:{}}//通过input事件来使父组件的number+1解释说明：通过v-bind
Hi_Abu·2023-12-18 17:20

Vue3基础之v-bind与v-on

概念v-bind和v-on是Vue中两个非常常用的指令，分别用于属性绑定和事件绑定。v-bindv-bind用于动态地绑定属性。
heiyay·2023-12-18 16:17

VUE忏悔学习6-Vue指令:v-bind动态属性绑定

1、v-bind指令的基本使用简写方式：2、v-bind动态绑定class属性2.1、v-bind绑定class与普通class混用2.2、v-bind绑定多个类名2.3、动态绑定class值当然，设置的
无路可退的尧·2023-12-17 07:44

vue3 setup语法糖写法组件之间的传值

踩了很多坑，现在来做个记录，希望看到这篇博客的小伙伴能够避免踩坑首先父组件传子组件：还是使用v-bind传，然后子组件使用就不一样了import{ref}from'vue'importhellofrom
让代码飞1926·2023-12-17 02:13

VUE v-bind动态绑定background背景图片不显示问题

v-bind绑定背景图片，该容器（例如div）必须要设有width和height！
Wanlly·2023-12-16 07:27

vue常用的修饰符

一、定义修饰符是用于限定类型以及类型成员的声明的一种符号，vue中修饰符分为以下五种：表单修饰符、事件修饰符、鼠标按键修饰符、键值修饰符、v-bind修饰符二、作用1.表单修饰符lazy：在我们填完信息
weixin_43962020·2023-12-15 10:28

第3节：Vue3 v-bind指令

from'vue';exportdefault{setup(){constisButtonDisabled=ref(false);return{isButtonDisabled,};},};在这个例子中，我们使用v-bind
特创数字科技·2023-12-06 12:29

Vue中.sync修饰符的详细用法

如果我们给v-bind添加了sync，那么子组件中就有一个事件可以触发update:xxx自定义事件并且传递要修改的值constchild={template:``,methods:{handler()
一夕烟雨·2023-12-06 07:19

Vue学习计划--Vue2（六）过滤器和自定义指令

对要显示的数据进行特定格式转换再显示（适用于一些简单逻辑的处理）语法：注册过滤器：Vue.filter(name,callback)或newVue{filters:{}}使用过滤器：{{xx|过滤器名}}或v-bind
化作繁星·2023-12-06 01:43

简单说说vue中v-model和v-bind绑定数据的异同

vue的模板采用DOM模板，也就是说它的模板可以当做DOM节点运行，在浏览器下不报错，绑定数据有三种方式，一种是插值，也就是{{name}}的形式，一种是属性绑定v-bind，还有一种是双向绑定v-model
儒雅的烤地瓜·2023-12-05 22:04

Vue快速入门(三：常用内置指令)《快乐Vue》

常用内置指令v-bind：主要用于动态的绑定DOM元素属性，即属性值来自Vue中的data属性提供的相应的值。
Negen·2023-12-05 09:45

Vue3组件传参之父子组件传参

在父组件中，可以通过在子组件上使用v-bind指令，将数据绑定到子组件的defineProps方法上。子组件可以直接通过defineProps里的属性访问到传递过来的数据。//ParentCompon
小钱999·2023-12-05 09:29

vue常用简写命令

v-bind缩写测试测试v-on缩写修改修改
vivianXIa·2023-12-04 14:59

使用vscode报错Elements in iteration expect to have 'v-bind:key' directives

在使用vscode写vue的时候会出现这样一个错误：[eslint-plugin-vue][vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind
firststep·2023-12-03 19:12

Vue_常用指令

}}当模型中的数据发生改变时，视图中的数据也发生相应的改变2、v-text将一个变量的值渲染到指定的元素中3、v-html输出真正的HTML元素4、v-model实现数据双向绑定{{value}}5、v-bind
Locdee_落地·2023-12-03 08:33

vue 出现Elements in iteration expect to have 'v-bind:key' directives问题

搜尽各大神最后得出原因是eslint检测出现bug解决方法有两种v-for后添加:key='item'在build处关闭eslint检测...(config.dev.useEslint?[createLintingRule()]:[]),
Mylovesunshine·2023-12-02 11:57

Vue基础五

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

vue使用

vue由模板、实例、组件组成模板v-text解析文本，跟{{}}效果一样v-html解析html事件v-on:绑定事件监听器，（语法糖：用@代替）指令v-bind:绑定活的属性，（语法糖：用：代替）双向数据绑定
真的吗_a951·2023-12-01 06:38

（vue3）动态组件

在挂载点使用component标签，然后使用v-bind:is=”组件,通过is切换AB组件{{item.name}}import{ref,reactive,shallowRef,markRaw}from'vue'importAPfrom
吃不饱的小明同学·2023-11-30 21:48

vue2常见的语法糖

以下是一些Vue.js2中常用的语法糖：v-bind简写：LinkLinkv-on简写：ClickmeClickme@click是v-on:click的缩写形式，用于绑定事件处理函数。
Meta.Qing·2023-11-30 13:00

Vue3 第一章 基础语法使用

而item是迭代项的别名import{ref}from"vue";constitems=ref([{message:'Foo'},{message:'Bar'}]){{item.message}}2、v-bind
bj_wasin·2023-11-30 10:02

Vue 双向数据绑定

之前通过v-bind来完成的数据绑定，属性值和表达式进行绑定，表达式的值发生变化了属性值也跟着发生变化。
富士康质检员张全蛋·2023-11-29 21:09

Vuex-state\getters\mutations\actions

请选择学历大专本科如上述，xueli绑定的值是字符串1，2，3，如改成如下加上v-bind的形式，数据监测的值为数字请选择学历或者v-model.number="xueli"也可以完成相同的要求vux-gettersgetters
冲锋敢死曾小贤·2023-11-29 13:13

【Vue学习笔记_09】v-model绑定表单元素

v-model基本使用和原理v-model绑定radio元素v-model绑定checkbox元素checkbox单选框checkbox复选框v-model绑定select元素select单选select多选v-bind
BugFrog1024·2023-11-29 12:27

render函数的写法

render函数的格式节点节点的属性子节点h("div",{},[])render:(h)=>{returnh("div",[h("span",{//与`v-bind:class`的API相同，//接受一个字符串
回不去的那些时光·2023-11-29 04:44

02-Elments in interation expect to have 'v-bind:key' directives vue/require-v-for-key

我们在使用vue2+的v-for的时候会出现以下报错：errorElementsiniterationexpecttohave'v-bind:key'directivesvue/require-v-for-key
一只迷路的呆萌小白兔·2023-11-28 21:58

vue day2

keyup.enterv-model修饰符：v-model.trim：去首位空格v-model.number：转数字事件修饰符：阻止事件冒泡：（1）（2）@事件名.stop阻止默认行为：@事件名.prevent2、v-bind
learn 11233466·2023-11-28 12:46

vue的内置指令、自定义指令

内置指令v-bind:单向绑定解析表达式，可简写为:XXXv-model:双向数据绑定v-for:遍历数组/对象/字符串v-on:绑定时间监听，可简写为@v-if:条件渲染（动态控制节点是否存在）v-else
卑微小李学前端·2023-11-28 04:56

vue - 小程序 - uniApp(vsCode)语法区别-完善中...

一、类名渲染格式Vue中的类名渲染格式为v-bind或简写符号":"例如//动、静态类名可以共存data:{isActive:true,hasError:false}微信小程序中的类名渲染格式为"{{}
Seven wooden·2023-11-28 02:31

vue3+tsx的使用

返回一个渲染函数//optionsApi//setup函数模式//reftemplate自动解包.valuetsx并不会ref.value//v-if不支持三元表达式去代替v-if//map去代替v-for//v-bind
你的美，让我痴迷·2023-11-28 01:13

2019-12-04Nuxt v-bind绑定img src不显示

问题：使用v-for循环，:src="item.url"，绑定图片无法显示，只能写成静态结构；原因：直接写成静态的，会经过webpack进行编译，从而得到打包后正确的图片真实路径。如果你写成动态的，webpack就不会进行编译，原封不动的把'~/assets/img/home.png'放到你图片的src里面，'http://xxx.xxx.xxx/~/assets/img/home.png'不存在
Kason晨·2023-11-28 00:54

class绑定多个值 vue_vue动态绑定:class的几种方式

一、对象语法1、给v-bind:class设置一个对象，可以动态地切换class，例如：varapp=newVue({el:'#app',data:{isActive:true}})最终渲染结果：2、对象中也可以传入多个属性
weixin_39661345·2023-11-27 06:46

13.3，父子组件

这是一个子组件--{{msg}}'}}})这种方式无法实现组件之间的传值问题，也就是说子组件中默认是无法访问到父组件中的数据和methods中的方法实现方法父组件可以在引用子组件的时候使用属性绑定的形式（v-bind
coderymy·2023-11-26 14:43

8，过滤器

过滤器概念：vue.js允许你自定义过滤器，可被用作一些文本的转换格式，过滤器可以用在两个地方，mustache插值和v-bind表达式，过滤器应该别加载在js表达式的尾部，由“管道”符指示过滤器格式{
coderymy·2023-11-25 21:08

【Vue学习笔记】三、vue组件与生命周期

【Vue学习笔记】三、vue组件与生命周期三、vue组件与生命周期1）vue组件2）组件之间的父子关系3）使用组件的三个步骤4）注册全局组件5）组件的props1.创建props自定义属性2.结合v-bind
Quindrich·2023-11-25 00:08

vue2中$attrs 和 $listeners的使用

功能：用于实现多层组件通信（多于父子组件通信层级）用法：v-bind=$attrs和v-on=$listenersvm.attrs包含了父作用域中不作为prop被识别(且获取)的attribute绑定(
yy_33404590·2023-11-24 21:41

Vue指令修饰符、v-bind、v-model、computed计算属性、watch侦听器

前言持续学习记录总结中，Vue指令修饰符、v-bind、v-model、computed计算属性、watch侦听器一、指令修饰符1.什么是指令修饰符？
星辰迷上大海·2023-11-24 10:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他