VUE【二、选项和生命周期】

vue对象,类似于一个viewModel,是处理页面显示的数据模型的对象
其中会有很多选项,以下为较常用的:

选项

  • 1、data-数据
    vue实例会代理其data对象里的所有属性692906-20170524155015060-117085010.png
  • 2、methods-方法
  • 3、watch-监听
    watch的作用是监听一个属性,当其发生变化时,执行某个api或其他操作
    692906-20170525065527185-550730267.png
    692906-20170525065608591-251657328.png
    这段里面有lodash操作,暂时看不懂。。 https://lodash.com/docs#debounce

  • 4、filter-过滤器
    692906-20170525064635935-1579436639.png

  • 5、computed-计算属性
    等于一个计算值,依赖与某一个data属性,当被依赖的属性发生改变时,计算属性也会随之改变
    但在被依赖属性改变之前,计算属性的值是缓存的(如若依赖Date这种非响应式属性,则计算属性的值永远都不会再改变)
    类似与方法,提供函数作为计算属性的getter,区别在于计算属性有缓存,方法每次获取都实时计算
    692906-20170525064605966-1122215959.png
    必要时也可以提供setter
    692906-20170525064903685-970257892.png

  • 注:vue本身对外暴露的属性获取前要加$,如$data、$methods,以区别于data中的属性

生命周期

692906-20170524155931200-1985424916.png

  • 其中标红的为生命周期钩子,可以执行自定义的逻辑
    692906-20170524160124935-2121278889.png

转载于:https://www.cnblogs.com/shanelau/p/6891182.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值