首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

v-bind

v-bind 基础 前面我们学习的指令主要作用是将值插入到我们模板的内容当中。 但是,除了内容需要动态来决定外,某些属性我们也希望动态来绑定。...比如动态绑定a元素的href属性 比如动态绑定img元素的src属性 这个时候,我们可以使用v-bind指令: 作用:动态绑定属性 缩写:: 预期:any (with argument) | Object...(without argument) 参数:attrOrProp (optional) v-bind用于绑定一个或多个属性值,或者向另一个组件传递props值(这个学到组件时再介绍) 在开发中,有哪些属性需要动态进行绑定呢...还是有很多的,比如图片的链接src、网站的链接href、动态绑定一些类、样式等等 比如通过Vue实例中的data绑定元素的src和href,代码如下: image.png v-bind语法糖 v-bind...简写方式如下: image.png v-bind绑定class 很多时候,我们希望动态的来切换class,比如: 当数据为某个状态时,字体显示红色。 当数据另一个状态时,字体显示黑色。

83340

apply()、call()、bind()

apply()、call()、bind() 每个Function对象都存在apply()、call()、bind()方法,其作用都是可以在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域...使用 apply()、call()、bind()都能改变函数对象的this指向 window.name = "A"; //挂载到window对象的name document.name = "B"; //...//最后一个()是为让其执行 rollCall.sayName.bind()(); //A //不传参默认绑定window rollCall.sayName.bind(window)(); //A /.../绑定window对象 rollCall.sayName.bind(document)(); //B //绑定document对象 rollCall.sayName.bind(s)(); //C //绑定自定义对象...区别 虽然apply()、call()、bind()都能够达到改变this指针的目的,但是其使用还是有区别的 // apply与call传参方式不同 window.name = "Teacher";

67720

模拟实现 bind

title: 模拟实现 bind date: 2019/10/24 22:30:25 categories: 面试题 前端 ---- 模拟实现 bind 本文参考:深度解析bind原理、使用场景及模拟实现...基础 老样子,得先知道 bind 的用途、用法,才能来考虑如何去模拟实现它。...还有一些点需要注意下的是,原函数 a 可以是普通函数、对象的方法、箭头函数、经过 bind 后新生成的函数等等。只要是函数,那它就可以调用 bind 方法。...但是,对于不同类型函数,bind 并不是都可以修改函数内部 this 值的: // 比如说箭头函数 var a = () => {console.log(this)} var b = a.bind({...以上,就是 bind 的基本用法和概念,MDN 上有句解释蛮通俗易懂的: bind 就是返回一个原函数的拷贝,并拥有指定的 this 值和初始参数 Function.prototype.bind()

73610
领券