![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2学习
檀月初弎
记录自己学习的每一天~
展开
-
Vue监视属性
(1).Vue自身可以监测对象内部值的改变,但vue提供的watch默认不可以!(2).使用watch时根据数据的具体结构,决定是否采用深度监视。通过vm对象的$watch()或watch 配置来监视指定的属性。(1).Vue中的watch默认不监测对象内部值的改变(一层)。(2).配置deep:true可以监测对象内部值改变(多层)。1.当被监视的属性变化时,回调函数自动调用,进行相关操作。当isHot发生改变时。当属性变化时,回调函数自动调用,在函数内部进行计算。2.监视的属性必须存在,才能进行监视!原创 2024-01-21 23:59:33 · 344 阅读 · 1 评论 -
Vue计算属性
2.如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发生改变。当有人读取ful1Name时,get就会被调用,且返回值就作为ful1Name的值。与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。1.初次读取ful1Name时。2.所依赖的数据发生变化时。1.计算属性最终会出现在vm上,直接读取使用即可。当ful1Name被修改时。(2).当依赖的数据发生改变时会被再次调用。要用的属性不存在,要通过已有属性计算得来。get什么时候调用?原创 2024-01-20 23:28:33 · 352 阅读 · 0 评论 -
Vue事件处理
2.Vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为kebab-case(短横线命名)5.@click="demo”和@click="demo($event)”效果一致,但后者可以传参;4.methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或 组件实例对象;(1).配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕;(2).配合keydown使用:正常触发事件。原创 2024-01-19 23:41:35 · 396 阅读 · 1 评论 -
数据 代理
当有人读取person的age属性时,get函数(getter)就会被调用,且返回值就是age的值。当有人修改person的age属性时,set函数(setter)就会被调用,且会收到修改的具体值。在getter/setter内部去操作(读/写)data中对应的属性。为每一个添加到vm上的属性,都指定一个getter/setter。数据代理:通过一个对象代理对另一个对象中属性的操作(读/写)通过vm对象来代理data对象中属性的操作(读/写)控制属性是否可以被修改,默认值是false。原创 2024-01-18 22:36:15 · 715 阅读 · 1 评论 -
理解MVVM模型
理解mvvm模型原创 2024-01-17 16:03:15 · 339 阅读 · 0 评论 -
el和data的两种写法
el和data的两种写法原创 2024-01-17 15:30:21 · 345 阅读 · 0 评论 -
Vue数据绑定
单项绑定与双向绑定原创 2024-01-17 12:22:27 · 352 阅读 · 0 评论 -
Vue模板语法
插值语法与指令语法原创 2024-01-16 22:35:02 · 447 阅读 · 1 评论 -
Hello小案例
想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象原创 2024-01-16 14:14:55 · 353 阅读 · 1 评论 -
初识vue(环境搭建)
前往下载 获取vue.js文件引入刚刚下载好的开发版vue.js文件。原创 2024-01-15 21:12:00 · 469 阅读 · 0 评论