2 vue学习

本文深入探讨了Vue.js的核心特性,包括数据与视图的双向绑定机制,事件处理器的自动管理,v-model修饰符的使用,以及props在父子组件间传递数据的机制。通过实例说明了如何利用Vue.js构建响应式UI,特别强调了动态绑定props时,父组件数据变化能自动传递给子组件的特点。

1 vue的核心是数据与视图的双向绑定

2 当viewmodel销毁时,所有的事件处理器都会自动删除,无需自己清理

3 v-model的修饰符解释

  .lazy :失去焦点或者按回车键时触发同步

  .number  可以将输入转化为number类型

.trim  可以自动过滤首位两头的空格

4 使用props来申明需要从父级接受的数据,props的值有两种,一种是数组,一种是对象

5 当使用v-bind来动态的绑定props的值,当父组件的数据发生变化,也会传递给子组件

 

转载于:https://www.cnblogs.com/mibing/p/9908304.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值