vue入门(二)---vue实例

创建一个vue实例之后,向其中传入选项对象(数据、DOM、生命周期钩子、资源、组合、其他)

数据与方法:

当数据改变时,视图会重新渲染,只有实例被创建时存在的属性才是响应式的,vm后添加的属性的改动不会触发视图的更新。

vue实例中的属性与方法都有前缀$,与用户定义的属性区分开。

生命周期钩子:

beforeCreated:实例刚刚被创建,data等组件属性还未计算

created:data属性已绑定,dom未生成,el属性未存在

beforeMount:即将挂载,dom生成,el获取到了关联节点,data未渲染

mounted:完成挂载,data也成功被渲染

beforeUpdate:修改data,更新渲染视图前会触发beforeUpdate

update:数据更新完毕

beforeDestroy:销毁当前组件时,会触发

destroyed:销毁完毕

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值