v-bind

【Vue】Vue的部分语法规则

例如：v-if、v-for、v-bind等。3.事件处理：使用v-on指令来绑定DOM事件，例如点击事件。例如：v
张天龙·2023-09-27 06:14

尚硅谷课程vue学习（一）

目录data两种写法el两种写法由vue管理的函数，一定不要写箭头函数，不然this指向windows实例了MVVM模型defineProperty属性数据代理v-on:v-bind:键盘事件keyupkeydowncomputed
与风共舞true·2023-09-27 06:38

VUE指令语法解析标签属性

我们运行后会发现并没有给我们变为，而是解决方法：在a标签中的属性使用指令语法：v-bind:属性名="data变量"或简写为:属性名="data变量"这时候就能解析出我们想要的结果
寻霖·2023-09-27 01:41

如何理解vue中的v-bind？

v-bind.jpg如果你写过vue，对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。
趁你还年轻233·2023-09-26 18:39

vue3基础 —— 数据绑定

data.number}}：文本绑定2.v-bind：单向绑定（缩写：）——常用但不局限于style、class、attribute绑的是html元素的属性或者组件的prop，而不是像model那样绑的是表单控件的值v-bind
一本正经的柠檬·2023-09-26 09:40

Vue3基础知识总结

APITeleport片段触发组件选项来自@vue/runtime-core的createRendererAPI创建自定义渲染器单文件组件组合式API语法糖(``)实验性单文件组件状态驱动的CSS变量(中的v-bind
初辰ge·2023-09-26 09:06

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

v-on事件监听1.1v-on基本使用我们前面学习了，{{}}和v-bind，这两货可以让我们将Vue实例中的数据绑定到DOM中。那么，产品经理又开始有奇怪的需求了，比如我们要点击按钮更换图片怎么办？
松鼠先森·2023-09-25 15:08

第6讲：v-for使用

JavaScript的遍历语法相似：v-for=”iteminlist”list是一个数组，item是当前被遍历的对象{{item}}在数组进行遍历时，我们必须给遍历对象绑定一个对应的key值以保证对象的唯一性使用v-bind
CSDN专家-赖老师（软件之家）·2023-09-25 15:06

Vue入门：（v-show v-if v-bind）

v-show根据表达值的真假，切换元素的显示和隐藏（操纵的是display样式）如果表达式为true，图片img显示如果表达式为false，图片img隐藏v-if根据表达值的真假，切换元素的显示和隐藏（操纵的是dom元素）如果表达式为true，图片img显示如果表达式为false，图片img隐藏现在我们来写个简单的程序测试一下两者的区别showif变varapp=newVue({el:"#app"
Continue丶·2023-09-25 15:36

Vue基础 第五讲笔记：v-show、v-if、v-bind

一、v-show根据真假切换元素的显示状态。注意：1、原理是修改元素display，实现显示隐藏。2、指令后面的内容，最终都会解释为布尔值。3、值为true元素显示，值为false元素隐藏。实例：=18"src="img/zhongqiu.jpg"alt="">varapp=newVue({el:"#app",data:{isShow:</
TraceurZzl·2023-09-25 15:05

Vue学习笔记

本博客记录Vuev2.7.8的学习，参考文档目录Vue概述入门案例Vue指令v-bind和v-modelv-onv-if和v-showv-for综合案例生命周期Vue概述一个完整的html页面包括了视图和数据
weixin_43739821·2023-09-25 10:39

Vue3：基础入门

Vue3：基础入门Date:April10,2023Sum:vue简介、vue的基本使用、vue的指令与过滤器、品牌列表案例目标：能够知道vue的基本使用步骤掌握插值表达式和v-bind指令的用法能够掌握如何使用
CaptainDrake·2023-09-24 18:20

v-bind 及 class 与 style 的绑定

v-bind应用场景:DOM元素经常会动态地绑定一些class类名或style样式。一、了解v-bind指令v-bind指令复习：动态更新HTML元素上的属性，如id、class等。
养乐多__·2023-09-23 15:17

Vue.js入门系列(9)--表单操作2

  没错，你没看错，今天小编又为大家分享在Vue中有关表单的操作，上次主要为大家分享了v-model在text、textarea、checked、radio中的应用以及v-model的本质实际上是v-bind
外星人_863d·2023-09-23 15:48

element-ui中的dialog去掉遮罩层

elementui是基于vue的一套前端可视化组件库，官方文档给出的dialog下的modal属性是一个布尔值，需要使用v-bind指令进行监听，在前面加个“：”就可以去掉遮罩层。
codernmx·2023-09-23 12:50

Vue学习笔记

(2022/1/3…持续更新https://cn.vuejs.org/v2/guideVue2.0学习笔记Vue的介绍Vue2.0指令篇内容渲染条件渲染用key管理可复用的元素循环渲染维护状态属性绑定v-bind
okouk·2023-09-22 16:53

Vue模板语法集（上）

1.1.3属性HTML属性中的值应使用v-bind指令1.1.4表达式1.1.1文本{{msg}1.1.2html使用v-htmlVue提供了完全的JavaScript表达式支持效果如下：入门.f30{
现在是571·2023-09-22 14:55

Vue.js标签v-bind和v-on初探实例

Vue初探使用标签进行图片以及背景切换本来这次作业还是想水一下饿，但是要是写太少的字数对曝光量不易，所以还是有水字数的必要，虽然说真的很语无伦次，不知所言，但是还是有必要说明情况，具体什么情况，且听接下来的分析。script代码constapp=newVue({el:"#zjw",data:{filename:"./img/李四1.jpg",flag:1,color:"background-col
编程初学者01·2023-09-21 23:47

Vue基础语法（插值、指令、过滤器、计算属性与监听属性）

1.插值1.1.1文本{{msg}}1.1.2html使用v-html指令用于输出html代码1.1.3属性HTML属性中的值应使用v-bind指令1.1.4表达式Vue提供了完全的JavaScript
心动的代码~·2023-09-21 14:14

vue模板语法

目录一、插值1、文本2、html(使用v-html指令用于输出html代码)3、属性(HTML属性中的值应使用v-bind指令)4、表达式(Vue提供了完全的JavaScript表达式支持)5、class
白未·2023-09-21 13:29

Vue的模板语法

1.3.模板语法1.3.1效果第一大类是插值语法：把指定的值放入指定的位置插值语法往往是用于指定标签体内容(起始标签和结束标签中间所夹着的内容就是一个标签体)第二大类是指令语法：固定的写法:v-bind
WangPride·2023-09-21 13:25

【Vue入门】语法 —— 事件处理器、自定义组件、组件通信

1.4.1常用字符综合案例1.4.2修饰符二、自定义组件2.1组件介绍及定义2.2组件通信2.2.1组件传参（父->子）2.2.1组件传参（子->父）一、事件处理器1.1样式绑定class绑定使用方式：v-bind
云村小威·2023-09-21 10:12

vue语法糖

1.v-bind  v-bind，可以省略v-bind,直接写一个冒号“：”,initial-scale=1.0">Documentvarapp=newVue({el:'#app',data:{msg:
闲人不梦卿·2023-09-21 07:56

vue模板语法下集

通信组件（本篇案例）注意点：变量定义不能使用中划线，参照案例样式绑定命名错误自定义组件命名不能使用驼峰，参照自定义组件myButton与my-button的错误演示一、样式绑定1.1class绑定使用方式：v-bind
亣柒·2023-09-21 05:55

Vue3基础语法

computed2.监听watch一、内置指令内置指令v-开头的特殊属性，联系html模板与JavaScript数据模型1.文本渲染v-textv-html{{msg}}只能写一行表达式，不能写复杂js2.属性渲染v-bind
落雪飘风·2023-09-20 11:17

Vue基础语法

举例：v-bind:href=“XXX”或简写为：href=“XXX”,XXX同样要写js表达式，且可以直接读取到date中的所有属性。备注：Vue中有很多的指令，且形式都是：v-?
萤火！·2023-09-20 11:46

vue 02 Vue模板语法

举例：v-bind:href=“xxx”或简写为:href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。备注：Vue中有很多的指令，且形式都是：v-
摇滚侠·2023-09-20 08:26

Vue 03 数据绑定

Vue中有2种数据绑定的方式：1.单向绑定(v-bind)：数据只能从data流向页面。2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。
摇滚侠·2023-09-20 08:54

Vue基础指令 & 指令修饰符

目录Vue.js简介Vue.js目录：Vue.js模板语法插值语法(Mustache)v-html指令v-text指令v-on指令v-bind指令v-if指令v-if与v-show的区别：v-model
未飞·2023-09-19 23:21

【前端知识之Vue】Vue常用的修饰符

文章目录前言一、Vue的修饰符是什么二、修饰符的作用1、表单修饰符2、事件修饰符3、鼠标按钮修饰符4、键盘修饰符5、v-bind修饰符三、常用的应用场景一、Vue的修饰符是什么Vue中的修饰符分为以下五种
饭啊饭°·2023-09-19 23:51

Vue基本语法 -- 样式绑定&事件处理器&vue表单&自定义指令

一、样式绑定1.1class绑定使用方式：v-bind:class="expression"expression的类型：字符串、数组、对象字符串(可以加多个，以空格隔开就可以了).c1{color:pink
十二.413·2023-09-19 23:51

vue中修饰符

故心故心故心故心小故冲啊文章目录vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按钮修饰符键盘修饰符v-bind修饰符vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind
故心v·2023-09-19 23:21

Vue修饰符

修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理二、修饰符包含哪些vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind
Yannnnnm·2023-09-19 23:47

Vue.js基本语法上

目录1.插值1.1文本1.2v-v-html1.3数据双向绑定数据(v-model)1.4属性（v-bind）1.5表达式1.6class绑定1.7style绑定1.8复选框1.9下拉框2.指令2.1v-if
艳艳耶·2023-09-19 23:36

Vue + TS 封装全局自定义指令

Vue提供了许多内置指令，如v-if、v-for、v-bind等，但是在实际开发中，我们可能需要封装一些自定义指令来满足特定的需求。本文将介绍如何使用TypeScript封装全局自定义指令。
三拾老师·2023-09-19 19:04

v-bind以及class与style的绑定

1.写出本课中v-bind的作用，并分别写出v-bind的变量语法，数组语法，对象语法v-bind的作用：用来绑定属性，动态地绑定一些class类名或style样式，格式是v-bind：属性名="值"，
wwfstrong·2023-09-17 14:33

Vue的详细教程--入门

一.Vue是什么二.Vue的特点及优势三.使用Vue的详细步骤1.导入2.定义边界3.创建vue实例四.Vue的基本语法①v-model②v-bind：value③事件绑定五.vue的生命周期一.Vue
是辉辉啦·2023-09-17 11:07

面试题三：请你谈一谈Vue中的filter功能的实现

过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从2.1.0+开始支持)。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示:1.局部过滤器（
码路老默007·2023-09-17 05:03

Vue中的过滤器 Filters

过滤器Filters过滤器一般用于格式化文本内容，通常可以在两个地方使用，主要是模板语法、以及v-bind表达式中。例如我想对展示的文本进行一些特殊处理，将金额进行四舍五入后再展示。
菜园前端·2023-09-16 11:09

vue绑定class

1绑定class样式绑定class样式采用v-bind来绑定v-bind;class="xxx"或者:class="xxx"2绑定对象绑定对象exportdefault{data(){return{Text
慈母守中线~·2023-09-16 04:31

模版语法、列表渲染、文本指令、事件指令、属性指令、vue中的style和class、条件渲染、v-for能循环的

v-html2.3文本指令v-show2.4文本指令v-if2.5v-show把图片的显示隐藏3事件指令ES6对象语法演变3.1v-on不传参/a>3.2v-on传参和v-on:简写成@4属性指令4.1属性指令之v-bind
我可以将你更新哟·2023-09-16 03:45

vue render

{//与`v-bind:class`的API相同，//接受一个字符串、对象或
weixin_30725315·2023-09-15 18:44

vue入门及小项目小便签条

基于框架进行开发，更加快捷，更加高效v-bind为HTML标签绑定属性值，如设置href，css样式等v-model在表单元素上创建双向数据绑定el:挂载点data:数据对象methods:方法对象vue
丁小喜·2023-09-15 15:53

vue类与样式的绑定&&列表渲染

HTMLclass1.2绑定数组1.3绑定内联样式绑定数组2.列表渲染2.1v-for2.2v-for与对象2.3在v-for里使用范围值1.类与样式的绑定1.1绑定HTMLclass我们可以给:class(v-bind
sk古月·2023-09-15 07:54

v-bind 绑定一个属性

newVue({el:".app",data:{url:'img/1.jpg'}})v-shou显示隐藏###点击隐藏图片点击隐藏newVue({el:".app",data:{url:'1.jgp',see:true},methods:{aa;function(){this.see=!this.see//方法一//方法二if(this.see){this.see=false}else{this.
Promise_84fe·2023-09-15 05:58

Vue.js过滤器filter的使用

过滤器可以用在两个地方：mustache插值和v-bind表达式。
瑞破破·2023-09-14 17:00

angular1与vue比较

根标签一般加上id='app'(id值可以修改)，再newVue({el:'#app'});双向数据绑定：angular：ng-modelvue：v-model数据绑定：angular：ng-bindvue：v-bind
刘叶青·2023-09-14 16:19

Vue中遇见的数据绑定小知识

之前有个页面，是点击申请的时候跳转到另一个页面，但是img地址也要跟着变化，这里要用到地址绑定v-bind绑定的时候之前以为这样是可以的:但是这样是不对的，正确的写法应该是这样：以后持续更新~~~
颂温暖·2023-09-14 16:06

Vue的传值方式

$emit（子给父传值）3.兄弟组件传值（全局事件总线、订阅发布、Vuex）props传值：(父传子)//App.vue父组件//使用v-bind：传输数据//引入子组件importUsersfrom"
l1050188952·2023-09-14 16:30

Vue框架--Vue过滤器

语法：1.注册过滤器：Vue.filter(name,callback)或newVue{filters:{}}2.使用过滤器可以在这两个方面使用：插值语法{{xxx|过滤器名}}或v-bind:属性="
魔笛手7·2023-09-14 11:48
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他