前端vue-双向数据绑定

最新推荐文章于 2024-09-12 16:43:23 发布

weixin_43686784

最新推荐文章于 2024-09-12 16:43:23 发布

阅读量147

点赞数

分类专栏：前端 vue 文章标签： vue 前端双向数据绑定

本文链接：https://blog.csdn.net/weixin_43686784/article/details/99291480

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

vue

3 篇文章 0 订阅

订阅专栏

1.双向数据绑定就是mvvm model改变会影响view view视图改变model

2.demo：

 <h2>{{msg}}</h2>

      <input type="text" v-model='msg' />


      <button v-on:click="getMsg()">获取表单里面的数据get</button>


      <button v-on:click="setMsg()">设置表单的数据set</button>

 data () {  /*业务逻辑里面定义的数据*/
        return {
          msg: '你好vue'         
        }
      },methods:{   /*放方法的地方*/

          getMsg(){

              // alert('vue方法执行了');

              //方法里面获取data里面的数据


                alert(this.msg);



          },
          setMsg(){
              this.msg="我是改变后的数据";

          }

getMsg（）视图改变影响model

setMsg（）model改变影响视图

即mvvm