vue复习笔记

业余有时间可以看看mybatis‘spring等源码，多看几遍
vue是一套用于构建用户界面的渐进式框架，它能够基于一个一个小组件自底向上逐层应用，同时为众多优秀的框架提供良好支持。
可以通过v-bind将data中的数据与显示页面中的数据绑定起来，其中input,checkbox等特殊可编辑控件可以用v-model实现双向绑定
v-on绑定指定事件的回调函数
v-if与v-show：
v-if是不存在页面中，v-show是存在页面中但不显示，若需要频繁切换，则使用v-show效果更好
计算属性computed：

• 在数据初次被读取时和依赖的数据发生变化时被调用
• 与直接添加的属性不同，计算属性最终会加在vm上
  监视属性watch：
• 当被监视的属性发生变化时，回调函数会自动调用
• 被监视的属性必须存在
• 默认监视只监视当前一层，而深度监视可以监视对象内部值的变化

两者功能相似，但监视属性更为强大
生命周期
官网图片

原理解析

vue为我们提供了以下钩子函数;

• beforeCreate：生命周期刚刚开始，数据监测和数据代理都还未启动，无法通过vm访问data中的数据和方法
• created：初始化数据监测和数据代理，可以通过vm访问data内数据
• beforeMount：此时的数据还未解析到页面上，所有对数据的操作都无效
• mounted：此时页面中存放的是经过编译的，对数据的操作是有效的（尽可能避免在此修改），一般在此进行开启定时器，发送网络请求，订阅消息等初始化操作
• beforeUpdate：数据已经更新，但页面还未更新，此时数据和页面不同步
• updated：此时数据和页面都是最新的，数据和页面同步
• beforeDestory：此时所有的data，methods等都还处于可用状态，但马上就要失效，一般在这进行关闭定时器，取消订阅消息等操作
• destory：销毁完成，我们还是可以访问到data中的属性，但是访问不到真实的DOM结构了