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复习笔记_第1张图片
原理解析
vue复习笔记_第2张图片

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

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

你可能感兴趣的:(vue,vue.js,前端,javascript)