v-model
- v-model主要用来绑定表单,通过v-model实现双向绑定
- v-model实现表单元素和数据的双向绑定
- 双向绑定可以简单理解为,你可以更改我,我也可以更改你
- input里有一个内部事件叫做input用于动态监听有没有输入东西
- v-model的原理:相当于 v-bind:value=’’ 和 v-on:input 两个指令的结合
v-model绑定radio
如果绑定了v-model,name属性可以不写,因为已经是互斥的了
可以直接赋给sex一个初始值(男or女),来实现默认值
用户点击那个,就把对应的value值赋给sex
v-model绑定checkbox
添加进数组的是,和 input 绑定的 value 值
v-model绑定select
选择多个select multiple属性添加之后可以按住ctrl键选择多个
v-model值绑定
值绑定就是,值不要写死,而是通过动态的去获取的
v-model修饰符
没加lazy是实时更新的,加了lazy之后就是在用户输入完(失焦,敲回车)之后更新,提高了性能
用户输入的默认都是字符串类型,加了.number之后就更改为number类型了
trim修饰符 去除字符两边的空格
响应式的数组方法
-
.push方法(可以做到响应式)
-
如果需要替换元素的时候,使用replice方法替换元素去更改
-
Vue.set(要修改的对象,索引值,修改后的值)
-
这种方式也可以更改元素,这是vue内部实现的方式
-
pop() // 删除数组最后一个元素
-
shift() // 删除第一个元素
-
unshift() // 数组最前面添加元素
-
splice() //删除,插入 替换
-
sort() // 传入函数排序
-
reverse() // 数组反转