美文网首页
数据双向绑定方面笔记

数据双向绑定方面笔记

作者: UmustHU | 来源:发表于2018-10-23 15:09 被阅读0次

一、vue项目不能够实时监听(双向绑定)动态生成的数据;

export default {
    name: "demo",
    data(){
        return{
            obj1:{
                txt:'test1'
            },
            obj2:{}
        }
    },
    created(){
        this.obj2.txt = 'test2'
    }
}

上面的案例中,obj1.txt能够进行双向绑定,但是obj2.txt不能够进行双向绑定
解决办法:

//第一种
生成数据以后,如果需要修改数据,用this.obj2 = Object.assign({},this.obj2,{txt:'v-model'})来更改数据
//第二种
在动态生成数据的时候,就用this.$set(this.obj2,'txt','v-model'),而不用obj.b=''这种形式

官网链接:https://cn.vuejs.org/v2/guide/reactivity.html

相关文章

  • 数据双向绑定方面笔记

    一、vue项目不能够实时监听(双向绑定)动态生成的数据; 上面的案例中,obj1.txt能够进行双向绑定,但是ob...

  • [转] DataBinding 数据绑定

    数据绑定分为单项绑定和双向绑定两种。单向绑定上,数据的流向是单方面的,只能从代码流向 UI;双向绑定的数据是双向的...

  • Angular 2入门(二)

    (纯属个人笔记,摘要记录) 双向绑定 [(ngModel)]是Angular的双向数据绑定的语法。 用法如下: 因...

  • Vue 中的双向数据绑定

    双向绑定 单向数据流 双向绑定 or 单向数据流 Vue 是单向数据流,不是双向绑定 Vue 的双向绑定是语法糖 ...

  • Vue之表单双向数据绑定和组件

    三、表单双向数据绑定和组件 目录:双向数据绑定、组件 1.双向数据绑定 1)什么是双向数据绑定Vue.js是一个M...

  • Vue原理研究之双向数据绑定

    前言 本篇文章主要研究Vue的双向数据绑定的学习笔记。具体细节请参考《剖析Vue原理&实现双向绑定MVVM》。 原...

  • Vue双向数据绑定v-model

    v-model 数据双向绑定用作双向数据绑定 一、组件内部双向数据绑定 1、在实例的data中,设置content...

  • Vue入门(二)——数据绑定

    一、什么是双向数据绑定 双向数据绑定是Vue的核心功能之一。所谓双向数据绑定是指:HTML标签上的数据绑定到Vue...

  • 02Vue.js的数据绑定

    理解Vue的双向数据绑定 Vue有一个显著的地方就是它拥有双向数据绑定功能,那么何为双向数据绑定呢?双向是指:HT...

  • Vue和React数据绑定对比

    在数据绑定上来说,vue的特色是双向数据绑定,而在react中是单向数据绑定。 一 单向和双向数据绑定其实不是完全...

网友评论

      本文标题:数据双向绑定方面笔记

      本文链接:https://www.haomeiwen.com/subject/tkkazftx.html