Vue笔记2+3
1. vue基础
-
- Vue中两种数据绑定的方式
1.单项数据绑定(v-bind):数据只能从data流向页面。
2.双向数据绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。
备注:
1.双向绑定一般都应用在表单类元素上(如:input、select等);
2.v-mode:value可以简写为v-model,因为v-model默认收集的就是value值。
-
- 计算属性computed
作用:为了将不经常变化的计算结果进行保存
计算属性不能和方法同名,不然会调用到同名方法。
- 计算属性computed
1.定义:要用的属性不存在,要通过已有属性计算得来。2.原理:底层借助了Object.defineProperty方法提供的getter和setter。3.get函数什么时候执行?(1)初次读取时会执行一次;(2)当依赖的数据发生变化时会被再次调用;4.优势:与methods实现相比较,内部有缓存机制(复用),效率更高,调试更方便。5.备注:(1)计算属性最终会出现在vm上,直接读取使用即可。(2)如果计算属性要被修改,那必须写set函数去响应修改,且set中要