vue
文章平均质量分 82
vue
nice day4
这个作者很懒,什么都没留下…
展开
-
05-vue-响应式数据、双向绑定
1)vue2.0 采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。vue2.0对于一些特殊的引用数据,比如数组取下标的方法就劫持不了,若通过改变data中的arr[0]=1,就劫持不了,就没有响应数据,所以vue3.0就代理整个data对象。如果内存中的数据变化了 页面UI也会动态跟着刷新 这种数据就是响应式数据。反之也会让数据容器中的数据的值改变。原创 2022-09-03 23:46:31 · 207 阅读 · 1 评论 -
06-Vue-过滤器、计算属性
缺点:如果简单的运算也用计算属性 反而会增加资源消耗(计算属性会去监听计算的值 而且会缓存计算的结果 ) 比如生日转年龄时 可以用过滤器。比如:计算属性使用的是data中的一个数组,某个交互把数组内部的某个下标的值改了,但是这个数组没有改变,就不会触发计算属性。2.如果是修改了data中监听的某个属性值内部的数据,计算属性就不会重新运行。//计算属性设计时当做函数设计(就像es6中的属性)监听计算属性使用的数据源是否改变,改变才重写计算属性。//计算属性使用时当做属性使用。原创 2022-09-03 23:45:09 · 198 阅读 · 0 评论 -
05-vue-条件循环渲染样式
1.使用的变量为true就显示,false就隐藏。2.在业务中常常可以通过操作if或者show使用的变量,来达到操作元素显示和隐藏的效果。3.v-if的做法是删除节点,v-show做法是操作css的display:none。2.在vue2.0中,v-if和v-for写在一起时候会出现的问题(面试)v-if具有较高的 切换消耗,常常用在用户不常切换的模块。v-show具有较高的性能消耗,常常用在频繁切换的模块中。切换模块,它的属性值等会占用内存,更高的内存消耗。根据它们底层的设计不一样有各自的使用场景。...原创 2022-08-30 23:35:56 · 338 阅读 · 0 评论 -
04-Vue-绑定属性
(1)对class 属性进行绑定。前面为属性名,后面没加冒号表示。数组表示多类名:字符串、变量。(2)对style 进行绑定。对象表示布尔显示:属性值为。数组样式,多个、混合性样式。事件操作,显示和隐藏盒子。,注意属性为样式属性名。...原创 2022-08-30 23:34:51 · 974 阅读 · 0 评论 -
03-Vue-事件
b.ES6的箭头函数中的this就不是vm==>因此推荐事件的函数采用ES6的对象的方法写方法 这种写法。-- 其他盒子只有@click时候。默认冒泡阶段触发,现在是捕获阶段触发。//后面学的差不多了回头补充:高薪面试题 底层设计:js的语法 definexxx 设计模式:发布订阅。方法的写法:由于是做了es6语法处理的 所以学过的所有方式的写法都行。a.方法和ES5的函数中的this是vm对象。(4)事件中的this与数据操作(面试)//a.修改内存data容器中的数据。(3)事件修饰符(面试)...原创 2022-08-30 23:33:15 · 122 阅读 · 0 评论 -
02-Vue- Vue基本指令
普通插值表达式插入数据:如何解决vue第一次加载的时候 页面上使用的数据会闪烁?(面试)给元素绑定属性原创 2022-08-29 22:39:11 · 246 阅读 · 0 评论 -
01-Vue-Vue的引入方式
vue的引入方式原创 2022-08-29 22:37:19 · 1509 阅读 · 0 评论