vue radio双向绑定_Vue双向数据绑定,时间介绍,ref获取dom节点
vue 一个MVVM的框架
M model
V view
MVVM:model改变会影响视图view,view视图改变反过来影响model
双向数据绑定必须在表单里面使用
双向数据绑定
{{ msg }}
Essential Links
获取表单数据
运行结果展示
getMsg(){ alert('vue方法执行')}替换成getMsg(){ alert(this.msg)}
显示效果
这样可以看出获取model信息,修改信息model也会改变,这就是vue的双向数据绑定
ref获取dom节点
{{ msg }}
Essential Links
获取表单数据 修改表单数据
box
获取第二个表单数据
运行结果展示
vue执行方法的两种写法
执行方法的第一种写法 执行方法的第二种写法
vue事件对象
事件对象
打印结果
可以利用事件对象获取dom节点
e.srcElement // dom节点e.srcElement.style.background = 'red'; // 设置背景颜色console.log(e.srcElement.dataset.aid) //获取自定义属性