本文是在官方文档的基础上更加细致的说明,代码更多更全
简单来说,更适合新手阅读
【1】文本输入框绑定;
【2】textarea绑定(类似【1】);
【3】radio选中值绑定;
【4】checkbox绑定(洎动捆绑数组无需name);
【7】动态绑定(以上不同类型但同一个值可以互动);
【8】checkbox选中和未选中赋予不同的值(主要是针对不选中状态);
【9】checkbox,radioselect选中状态的值动态绑定(主要是指值动态绑定对象或者是vm实例的属性,例如data里的某个属性或者是computed的某个值);
因此,不能茬v-bind里的值是一个字符串但可以是一个对象,例如{a:1}这样(当然这个时候显示的值也是一个对象了) <div>同样,值可以是vm的一个属性或者是一個对象另外,同样有效的还有select(主要就这三个有选中状态,除此之外虽然例如Date类型也有选中但是意义不大)</div> textarea: "这里是多行文字\n第二行,\\n是换行符但在字符串里显示为空格",
非实时更新,而是focus状态结束后更新 |
|
将值自动转为number类型输出 |
|
延迟若干毫秒再更新数值 |
在取消focus状态后才哽新值而不是按键按下时就更新值。
对文本输入框和textarea都有效
将输入的值自动转为number类型如果转后为NaN类型,则返回原值;
如果加上number这个参數那么输入数字时,则提示类型为string加上之后,纯数字会提示number类型;
当值连续若干毫秒没有变化时触发变量的值的改变;
当我以500ms的时間差依次输入1,2,3,4,5,6这六个数字时,text的值不会被更新;
当我停止输入有1000ms时text值才会被更新;
因此,适合类似ajax等高消耗操作