bind多次绑定

bind多次绑定:

var dad ={};
var son={};
function show (){
return this;
}
var newShow=show.bind(dad);
var newShow1=newShow.bind(son);
console.log(newShow()==dad);//true
console.log(newShow1()==son);//false=>newShow1() ==dad;

    show.bind(dad)后,
    newShow = function(){
    	show.call(dad);
    }
    newShow.bind(son)后,
    newShow1 = function(){
    	function(){
    		show.call(dad)
    	}.call(son);
    }

所以两种情况下,最终执行到show.call(dad),返回值是dad对象。

### Vue.js 中 `v-bind` 指令的数据绑定用法 #### 动态属性绑定 在 Vue.js 中,`v-bind` 指令用于动态地将 HTML 属性绑定到组件的状态上。这意味着当状态改变时,相应的 DOM 属性也会自动更新。 例如,可以使用 `v-bind` 来设置元素的类名、样式和其他属性: ```html <div id="app"> <!-- 绑定 href 属性 --> <a v-bind:href="url">点击这里</a> <!-- 绑定 src 属性 --> <img v-bind:src="imageSrc"> <!-- 绑定 class 属性 --> <div v-bind:class="{ active: isActive, 'text-danger': hasError }"></div> <!-- 可以简化为缩写形式 --> <a :href="url">点击这里</a> <img :src="imageSrc"> <div :class="[isActive ? 'active' : '', errorClass]"></div> </div> ``` ```javascript new Vue({ el: '#app', data: { url: 'https://example.com', imageSrc: '/path/to/image.jpg', isActive: true, hasError: false, errorClass: 'text-danger' } }); ``` 上述代码展示了如何通过 `v-bind` 将 JavaScript 表达式的值赋给 HTML 的属性[^3]。 #### 单项数据绑定实例 对于表单控件而言,虽然通常会想到使用 `v-model` 实现双向绑定,但也可以利用 `v-bind` 进行单项数据绑定。比如输入框中的默认值可以通过这种方式设定: ```html <input type="text" v-bind:value="initialValue"/> <!-- 或者更简洁的方式 --> <input type="text" :value="initialValue"/> ``` ```javascript new Vue({ el: '#app', data: { initialValue: '初始文本内容' } }) ``` 这种情况下,每当 `initialValue` 发生变化时,输入框内的显示内容也随之同步更新;但是用户手动修改输入框的内容不会影响原始变量 `initialValue` 的值[^1]。 #### 多个属性的同时绑定 如果需要一次性绑定多个属性,则可以直接传递一个对象作为参数给 `v-bind`: ```html <component v-bind="attributesObject"></component> ``` 其中 `attributesObject` 是一个包含了若干键值对的对象,这些键对应着目标元素要被赋予的不同属性名称及其对应的值。 ```javascript const attributesObject = { id: 'unique-id', title: 'Component Title', style: 'color:red;' }; ``` 这样做的好处是可以让模板更加清晰易读,并且便于维护和管理复杂的属性集合。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值