v-bind

（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

vue3 setup 组合式api props父子组件传值详解

vue3组合式api中父组件通过在子组件上通过v-bind传递给子组件数据子组件通过defineprops函数在子组件中定义父组件中传入子组件的数据就可以接收这些数据，然后可在template中直接使用但是想要在
我只会JS·2023-11-24 05:36

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

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

跟着文档学框架——Vue1

文本绑定.png属性绑定v-bind:titl
璐_bf37·2023-11-23 08:54

【css/vue】使用css变量，在同一个页面根据不同情况改变字号等样式

解决方法是：将css的属性使用v-bind与Vue组件的属性绑定，当组件的属性变化时，css对应的属性值也就会随之变化；具体实现代码：标题名exportdefault{data(){return{fontSize
花间半盘棋·2023-11-23 03:41

Vue组件通信方式 props/$emit

props：props可以是数组或对象，用于接收来自父组件通过v-bind传递的数据。
小番茄夫斯基·2023-11-23 03:02

vue父子组件通信props、$refs、$emit及非父子组件vuex的使用

2.使用方法：父组件在调用子组件的时候加：aa-bb=“变量”，即v-bind。然后在子组件里pr
Undefined.-·2023-11-23 03:59

Vue中的props属性使用说明

1、作用：让组件接收外部传进来的数据2、用法：2.1、传值：在父组件APP中如果传值不是字符串数字，而是数字、变量、对象等等，则必须使用v-bind代表==表达式==，而不是写死的值2.2、接收数据：三种方式第一种方式
藏蓝色攻城狮·2023-11-22 18:14

vue基本知识-3.v-model小实例制作登录页面(v-if v-else v-bind)待完善

1、制作登录页面（1）给一个干净的登录模版aui.css的aui.css和aui-iconfont.css见附件92c0c440199ab0d767d0559b2507e991.rar95e8b0dcbc6309d9a6d0421d03611bfb.rar（2）html代码Document登录忘记密码免费注册（3）页面效果4fe6a5c4cb78060795de6ae4129a2cf6.pngcd
挤时间学习的阿龙·2023-11-22 12:49

Vue.js学习笔记：v-model双向绑定

v-bind只是个单向绑定v-model这个指令只能用在,,这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更新为相同的数据
zhousenshan·2023-11-22 02:54

Vue.js基础-06-绑定样式（v-bind）-03-单项绑定数据（v-bind:value）

文章目录1.单项绑定（v-bind:value）语法示例完整示例2.和v-model比较在这里插入图片描述1.单项绑定（v-bind:value）语法示例vue实例中定义值newVue({el:'#app
玄德公笔记·2023-11-22 02:23

Vue入门小笔记_Object.defineProperty和v-model和v-bind

1.引入vue(标签引入方式)2.Vue实现HelloWorldhello{{name}}Vue.config.productionTip=falseconstx=newVue({el:'#root',data:{name:'DFP7788',}})定义一个名字为root的盒子（div）下面新建一个Vue实例我们在vue项目中称呼div部分的内容为模板vue的实例为数据el；属性挂载到模板的位置d
new DFP·2023-11-22 02:53

【前端笔记】九、vue的双向数据绑定及实例

vue中的v-bind指令可以实现从model到view的单向绑定，而v-model可以双向绑定数据一个简单的计算器实例：Document+-*///创建Vue实例，得到ViewModelvarvm=newVue
知识的芬芳和温柔的力量全都拥有的小王同学·2023-11-22 01:50

Vue.js 学习笔记 六 v-model 双向绑定数据

之前说的v-bind指令，可以绑定数据，但是是单向的，从model向view绑定，下面介绍v-model,可以双向绑定数据{{msg}}varv=newVue({el:'#divApp',data:{msg
weixin_30307267·2023-11-22 01:50

vue学习笔记3----数据绑定

单向数据绑定与双向数据绑定vue中有2种数据绑定的方式：单向数据绑定（v-bind）：数据只能从data流向页面；双向数据绑定（v-model)：数据不仅能从data流向页面，还可以从页面流向data；
lazy91·2023-11-22 01:19

vue基础学习笔记 --- v-model表单双向绑定、双向绑定的原理、v-bind和v-model的区别

v-modelv-model：是双向绑定，用于表单元素，主要针对以下类型：text文本,textarea多行文本,radio单选按钮,checkbox复选框,select下拉框Document//text文本姓名：<inputtype="text
努力学习的米·2023-11-22 01:46

vue学习笔记---(1)数据绑定(v-model && v-bind)和事件处理(v-on)

数据绑定和事件处理v-bindv-bind是单向绑定，用来绑定数据和属性以及表达式，只能将vue中的数据同步到页面。v-modelv-model是双向绑定，不只能将vue中的数据同步到页面，而且可以将用户数据的数据赋值给vue中的属性。v-on事件处理绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略用在普通元素上时，只能监听原生DOM事件。用在
Tomcat20·2023-11-22 01:46

Vue框架学习笔记——指令语法：v-bind动态绑定属性、data的层级结构

文章目录指令语法v-bind，增加标签内属性动态绑定方式data的层级结构指令语法在标签中想让属性动态变化的时候，不能使用插值语法。
Aer_7z·2023-11-22 01:15

Vue框架学习笔记——v-bind数据单向绑定和v-model数据双向绑定

文章目录v-bind，数据单向绑定简写形态（省略v-bind，只留冒号）示例一（将输入框数据改为：哈哈哈哈哈）：实例二（将Vue实例中的name改为字符串："单向绑定"）：v-model，数据双向绑定（
Aer_7z·2023-11-22 01:44

通过 v-bind=“$props“ 以及v-bind=“$attrs“ 实现属性透传

这个时候如果A传递props给B,B又得传递props给C,我们经常在B传给C的时候这么写：这样写是很不优雅的，其实你可以直接用v-bind:$propstemplate>这里我们利用v-bind可以传递一个对象所有的
无声的code·2023-11-21 19:10

Vue学习第二天

文章目录一、样式绑定1.class绑定2.数组绑定class3.style绑定属性二、事件绑定指令三、事件修饰符1.stop2.prevent3.capture4.once一、样式绑定1.class绑定v-bind
Qiuxuntao·2023-11-21 14:00

前端入门（二）Vue2到Vue3

文章目录Vue简介Vue的特点Hello,VueVue基本语法模板语法数据绑定（v-bind、v-model）el与data的两种写法数据代理实现原理Object.defineProperty()数据代理事件处理
椛丿未眠”·2023-11-21 06:56

【vue】vue路由缓存的几种方式

标签包裹router-view标签就能缓存全部的页面了2、缓存单个指定路由同样直接用keep-alive标签包裹router-view标签，然后使用include指定需要缓存的页面的name名称可以使用v-bind
没有梦想的coder·2023-11-21 01:57

vue查询学习笔记

基础特性1.1、实例及选项1.1.1模板1.1.2数据1.1.3方法1.2生命周期1.3数据绑定1.3.1文本插值插值操作内置指令v-oncev-htmlv-textv-prev-cloak动态绑定属性v-bind
青岛City·2023-11-20 16:27

Vue3+Vite实现工程化，attribute属性渲染v-bind指令

想要渲染一个元素的attribute，应该使用v-bind指令由于插值表达式不能直接放在标签的属性中，所有要渲染元素的属性就应该使用v-bindv-bind可以用于渲染任何元素的属性，语法为v-bind
丁总学Java·2023-11-20 09:47

Javaweb之Vue指令的详细解析

例如：v-if，v-for…在vue中，通过大量的指令来实现数据绑定到视图的，所以接下来我们需要学习vue的常用指令，如下表所示：指令作用v-bind为HTML标签绑定属性值，如设置href,css样式等
东北赵四·2023-11-20 01:03

组件之间的传值及效验

在父组件的模板上调用子组件，并在这个子组件的标签上定义一个自定义属性，让这个自定义属性等于一个父组件定义过的属性或变量，也就是你想要传递过去的数据项，注意：这里你在定义传递过去的参数时注意是否需要动态获取，当加冒号，也就是v-bind
欢乐马_0d6a·2023-11-19 14:16

vue动态绑定class的几种方法

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

Vue 模板语法 v-bind

下面其实就是将执行的结果绑定给v-bind点击我去百度//如果加上v-bind:，那么vue会将引号里面包着的东西ur
富士康质检员张全蛋·2023-11-15 16:11

【零基础学会uniapp系列】2、 指令

v-bind动态地绑定一个或多个属性，或一个组件属性到表达式。v-bind缩写为‘:’在绑定属性时，属性必须在子组件中声明。可以用修饰符指定不同的绑定类型。绑定可以直接应
落花生花·2023-11-15 12:18

模仿vue实现模板渲染和响应式数据

以及根据我现在的个人能力,我能够实现的功能.为了方便区分,我把自己实现的内容称为Jue功能vue的功能模板编译virtualnode响应式数据自定义组件vue命令数据的双向绑定hookJue想要实现的功能模板编译响应式数据v-bind
居十四·2023-11-15 10:35

VUE指令(内容渲染指令{{}}，属性绑定指令v-bind，事件绑定指令v-on，双向绑定指令v-model，条件渲染指令v-show、v-if，列表渲染指令v-for)与过滤器，$event，

指令的概念：指令(Directives)是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。vue中的指令按照不同的用途可以分为如下6大类:内容渲染指令，属性绑定指令，事件绑定指令，双向绑定指令，条件渲染指令，列表渲染指令1.内容渲染指令v-text指令的缺点：会覆盖元素内部原有的内容！性别：{{}}的专业表达是插值表达式：在实际开发中用的最多，只是内容的占位符，不会覆盖原有的内容！
不想qiao代码·2023-11-15 04:09
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他