![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
不动则不……
这个作者很懒,什么都没留下…
展开
-
搜集表单数据
若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。(1)v-model的初始值是非数组,那么收集的就是checked(勾选 or未勾选,是布尔值)<label></label>-----点击input输入框前面的文字,也能获取焦点,两者通过id关联。(2)v-model的初始值是数组,那么收集的的就是value组成的数组。原创 2023-09-03 17:31:00 · 34 阅读 · 0 评论 -
Vue监视数据的原理
1.使用这些API: push()、pop()、shift()、unshift()、splice()、sort()、 reverse()Vue.set(target.propertyName/index,value)或。特别注意:Vue.set()和 vm.$set()不能给vm或 vm的根数据对象 添加属性!通过setter实现监视,且要在new Vue时就传入要监测的数据。3.如何监测数组中的数据?(1).对象中后追加的属性,Vue默认不做响应式处理。2.Vue.set()或vm.$set()原创 2023-09-03 15:50:23 · 33 阅读 · 0 评论 -
computed计算属性
(2)如果计算属性要被修改,必须写set函数去响应修改,且set中要引起计算是依赖的数据发生改变。2、原理:底层借助了,object.defineproperty方法提供的getter和setter.4、优势:与methods相比,内部有缓存机制,效率更高,调试更方便。(1)计算属性最终会出现在vm上,直接读取即可。(2)当依赖的数据发生改变时会再次调用。1、定义:要用的属性不存在,要通过已有的属性计算出来。(1)初次读取时会执行一次。3、get函数什么时候执行?原创 2023-09-02 15:21:33 · 30 阅读 · 1 评论 -
Vue v-bind和v-model区别
2.v-model:value可以简写为v-model,因为v-model默认收集的就是value值。2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data.1.双向绑定一般都应用在表单类元素上(如: input、 select、radio等)1.单向绑定(v-bind):数据只能从data流向页面。原创 2023-09-01 14:12:23 · 64 阅读 · 0 评论