vue：计算属性和监视属性的区别和内在联系

vue：计算属性和监视属性的区别和内在联系

1.<button onclick="click()">点我</button> 其中click命名的自定义函数不会生效，而且不会报错，click是js中的原有函数，不可以用作自定义函数名
2.计算属性computed：两个因素：基于计算依赖的的data中的数据属性；？；。简化格式必须只有读取数据而没有写数据的情况才可以，相对methods来说性能更好，有缓存机制，第一次读取数据的时候，会通过getter从data中取数据，然后会自动加载进缓存，第二次读取，只要数据没有被更新，就会从缓存中获取，不会再去调用getter方法，而methods方法中每次都会重新加载数据，解析dom结构，影响性能
3.methods中的方法可以写到data中，不会报错，但是放到deta中，每个方法都会被vm管理，生成getter和setter方法，也会影响性能，加载速度变慢，data中数据随时会更新，而方法往往只是用来调用，不会经常改变，所以vm中会把方法写到methods中
4.vue中指令简写：事件绑定简写@event，例如：@click，数据绑定：v-bind v-model，两者区别，页面有数据交互的用v-model，例如：指令后面可以带修饰符，对该指令修饰，比如阻止冒泡stop、a标签默认行为prevent，例如：@click.prevent.stop，可以直接链式调用
5.通过数据代理理解MVVM架构流程，view视图解析到插值表达式，需要从vm中获取查找，调用getter方法，再到data对象中的数据属性中查找，更新数据就调用setter方法，同理。模板和数据对象必须都在VUE实例对象的管理中
6.所有被VUE管理的函数写成普通函数，所有不被VUE管理的函数都写成箭头函数，这样this才是指向vm或者实例对象
7.computer没有异步操作，而watch可以设置定时器
8.使用VUE绑定样式，:class:style，VUE后面跟的是都是表达式，具体使用参考百度
9.v-if和v-show的区别：切换频率高的使用v-if，v-if会直接删除不满足条件的标签，v-show只会隐藏不符合条件的元素，两者没有太大的区别
10. 使用<template><template>可以配合v-if使用，但是不能和v-show使用，而且不会改变dom结构
11. v-for：很重要的知识点，可以遍历数组，对象，字符串，数字等，一定会传两个参数，一个是index和vule，:key的作用，vue会生成一个虚拟的dom然后根据key的值判断是否存在内容以及是否更新，最后是否会复用还是新建dom，:key的值一般使用id、手机号等唯一标识符，如果只是显示，没有内容更新，则可以使用index作为key

2021-12-01 9：30
加油，如果不学习，就找不到高薪工作，就不会有一个幸福的家庭！！！