vue事件处理和数据的双向绑定

1.事件处理

# 事件指令
    -click:点击事件
    
# input标签的事件
    -input:只要输入内容,就会触发
    -change:只要输入框发生变化,就会触发
    -blur:只要失去焦点,就会触发




    
    Title
    



input事件

--->{{username}}

change事件

--->{{username1}}

blur事件

--->{{username2}}

 2.数据的双向绑定

# 数据双向绑定---》只有input标签---》v-model 做双向数据绑定
# 咱们之前写的,其实都是数据的单向绑定
    修改js的值,页面变了

 




    
    Title
    



单向数据绑定,咱们不用

双向数据绑定

用户名

密码

你可能感兴趣的:(vue.js,数学建模,前端)