Vue遵循SoC关注度分离原则

前端基础

结构层:HTML

表现层:CSS

–CSS预处理器:用一种专门的语言,进行Web样面设计,再通过编译器转化为正常的CSS

常用的:SASS(基于Ruby), LESS(这个是基于NodeJS,使用简单,一般用这个)

行为层:JS

Vue概念

Augular特点:将后台的MVC模式搬到前端并增加了模块化开发的理念(MVVM)(VM双向绑定相当于控制层)

React特点: 提出新概念虚拟DOM, 用于减少真实的DOM操作,在内存中模拟DOM操作,提升前端的渲染效率

Vue:渐进性JS框架,渐进性的意思是逐步学习ES6等的新特性。特点:综合了Augular和React的优点(计算属性是它的特色)

计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的DOM部分也会同步自动更新

v-model

v-model会忽略表单元素的value,checked,selected特性的初始值,将Vue实例的数据作为数据来源。
如果v-model表达式的初始值未能匹配任何选项,选择框元素将被渲染为’未选中’,在IOS中,用户不能选择第一个选项,不会触发change事件,推荐提供一个值为空的禁用选项

计算属性

计算属性的重点突出在属性两个字上,首先它是个属性,其次这个属性有计算能力。也就是说,它是一个能将计算结果缓存起来的属性(将行为转为静态的属性)

计算属性就是为了将不经常变化的计算结果进行缓存,节约系统的开销

例子:比如method计算当前时间戳的时候,控制台的值会变化
computed计算当前时间戳的时候,控制台的值不变,如果在计算的上面加一句其它操作(如值的变化),这样时间戳也就变了,相当于时间戳都是被缓存起来,有变化的时候才改变缓存的值

Logo

前往低代码交流专区

更多推荐