前言
记录一下看视频学习前端的的一些笔记,以前对Html、Js、CSS有一定的基础(都认得,没用过),现在不想从头再来了,学学Vue框架,不定时更新,指不定什么时候就鸽了。。。。
忘了记一下看的视频了,有兴趣的可以去看一看,目前感觉讲的还不错,但是需要有一定基础:
【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】
开发工具使用记录:
- VsCode代码提示挺不友好,配置起来还不一定生效(太菜了),照着打容易打错,有点痛苦,优点是免费
- WebStorm提示不错,也不用额外搞什么配置,安装就能用,缺点就是收费,要不就得去想办法白嫖
开年会+周末先鸽几天
Vue2
01 P1~P6初识Vue

02 P7 模板语法

03 P8 数据绑定

04 P9 el和data的俩种写法




05 P10 MVVM模型
数据代理?


06 P11~P13 数据代理 通过一个对象代理对另一个对象中属性的操作(读/写)

Object.defineproperty方法


07 P14~P17 事件处理
P14 事件的基本使用

P15 事件修饰符
修饰符可以连续写

P16 键盘事件
按键可以组合 ctrl.y

08 P17~P20 计算属性

-
对比 methods和插值语法,methods进行属性计算时,不会有缓存(应该有方式缓存吧?),会多次调用使用计算属性的方式时,如果值不变,后续若调用多次,有缓存的话只会调用一次;
-
还有需要注意的是在标签内部使用插值语法调用methods中的方法时,需要加括号,否则只会输出函数,不会调用函数,要注意区分method和computed,methods需要注意括号问题,computed是属性的特殊写法,简写形式使用时不需要加括号


3. 计算属性可以简写,简写需要满足只读不写的需求

09 P21~P24 监视属性-深度监视


- 计算属性,data中的属性都可以被监视

- 绑定事件时可以写一些简单的语句

- 深度监视,提供给程序员使用的方法默认关闭深度监视,数据结构复杂时可能会耗费性能


4. 监视属性简写,不配置immediate 或者 deep 的时候
简写时不能使用箭头函数,使用后this对象会变为window
