vue双向绑定指令

   参考来源:

黑马程序员Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程_哔哩哔哩_bilibili

双向绑定指令:

v-model:双向绑定,既有数据源到页面,也有页面到数据源,在不操作DOM的前提下,快速获取表单的数据(v-bind是单向绑定,只有数据源到页面)

功能:

用户输入的数据更改后,数据源的数据自动更改;

数据源的数据更改后,用户界面的数据也更改。

效果展示:

vue双向绑定指令_第1张图片

 

代码如下:




    
    
    
    title


    

用户的名字是:{{ username }}


你可能感兴趣的:(Vue.js,HTML+CSS+JS,jQuery,前端框架,vue.js,前端)