demo：

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

</head>

<body>

<script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>

  <div id="app">

    <p>{{obj.name}}----{{obj.age}}--{{obj.height}}</p>

    <input type="text" v-model="obj.name">

    <input type="text" v-model="obj.age">

    <input type="text" v-model="obj.height">

  </div>

  <script>

    new Vue({

      el:'#app',

      data:{

         obj:{name: '123'}

      },      
　　　　created(){
　　　　　　
　　　　　 this.obj.name = 'lisi';

         this.obj['age']= '12';

         this.obj['height']= '170';
　　　　//在创建的时候添加属性 age 和 height
　　　　//然而 你就发现，当你在输入框输入值的时候，只有name是响应更新的，新增加的属性是没有动态更新的
　　　　//详见  https://cn.vuejs.org/v2/guide/reactivity.html

　　　　// 如此，便这么写 ①  var temp = {name:'lisi',age: 12,'height':'12'}; 
　　　　// 　　　　　　　　   this.obj = Object.assign({},this.obj,temp)

　　　　// 　或者这样　　 ②  var temp = {name:'lisi',age: 12,'height':'12'}; 
　　　　// 　　　　　　　　   this.obj = temp;

　　　　// 　　　　　　　 ③　var temp = {name:'lisi',age: 12,'height':'12'}; 
　　　　//          　　　  for(var key in temp){
　　　　//　　　　　　　　　　　　 Vue.set(this.obj,key,temp[key]);
　　　　//　　　　　　　　　  }
　　　　// 以上三种方法就可以使属性实时更新了

      }
    })

  </script>

</body>

</html>

数组中也会有类似的问题 详见https://cn.vuejs.org/v2/guide/list.html#对象更改检测注意事项

vue中为对象添加值的问题的更多相关文章

  1. vue中，对象数组多层嵌套时，更新数据更新页面

    vue中的对象和数组的元素直接赋值修改时,是不能响应到view中去的 1.对象更新 this.a={title:'列表1’}; this.a.title='列表2’; <h1>{{a.ti ...

  2. 聊一聊 Vue 中 watch 对象中的回调函数为什么不能是箭头函数？

    聊一聊 Vue 中 watch 对象中的回调函数为什么不能是箭头函数 本文重点知识点速览: Vue 中的 watch 对象中的回调函数不能是箭头函数. 箭头函数中的 this 指向的是函数定义时所在的 ...

  3. 深入理解JavaScript的闭包特性如何给循环中的对象添加事件

    初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...

  4. Vue中改变对象的注意事项

    数组更改注意事项 Vue无法检测到以下方式变动的数组 当你利用索引直接设置一个项时,例如:vm.items[index] = newValue 当你修改数组的长度时,例如:vm.items.lengt ...

  5. EF中修改对象的值的问题。。。(字段超级多的时候)

    一般EF中修改单个对象的值,我是这样处理的. 如:DBEntities db=new DBEntities(); student stu = db.student.firstOrdefault(m=& ...

  6. JavaScript中给对象添加方法

    在JavaScript中,我们经常要给已定义的对象添加一些方法,如下:    function circle(w,h){      this.width=w;      this.height=h; ...

  7. 在CorelDRAW中为对象添加块阴影效果

    我们可以使用CorelDRAW来绘制矢量图形,在勾画出简单的图形后,往往还需要对它们进行一些或简单或复杂的处理,以增加一定的艺术效果.CDR中可供选择的效果有很多,作用的对象可以是文字,也可以是图案. ...

  8. 如何给循环中的对象添加事件--深入理解JavaScript的闭包特性

    初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...

  9. 深入理解JavaScript的闭包特性 如何给循环中的对象添加事件(转载)

    原文参考:http://blog.csdn.net/gaoshanwudi/article/details/7355794 初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数 ...

随机推荐

  1. Linux命令学习之路——变更文档拥有者:chown

    使用权限:root用户 使用方式:chown [ -cvfRh ] [ --help ] [ --version ] user[ :group ] file... 作用:该命令用于改变文档的拥有者 注 ...

  2. doc转html

    Doc2Html  li标签没闭合 在线Word转HTML  style样式

  3. 线段树专题2-（加强版线段树-可持续化线段树）主席树 orz! ------用于解决区间第k大的问题----xdoj-1216

    poj-2104(区间第K大问题) #include <iostream> #include <algorithm> #include <cstdio> #incl ...

  4. Linux 进程管理 笔记

    https://www.ibm.com/developerworks/cn/linux/l-linux-process-management/index.htmlLinux 进程管理剖析 进程可以是短 ...

  5. 1.Tensorflow的基本概念：

    1.Tensorflow的基本概念: 1.使用图(graphs)来表示计算任务 2.在被称之为会话(Session)的上下文(context)中执行图 3.使用tensor表示数据 4.通过变量(Va ...

  6. GinKgoCTF-Crypto

    一:古典密码 一只小羊跳过了栅栏,密码如下: GpKlCeT_FC{rAy_pStiym} 栅栏解密——>11栏 二:滴滴滴 --./-.-/-.-./-/..-./----.--/-../.. ...

  7. ajax的原生调用

    https://blog.csdn.net/jitianxia68/article/details/78393406

  8. Linux配置浮动IP

    在高可用集群环境中,一般都需要使用浮动IP来实现web高可用(High Availability). 浮动IP的概念以及为什么需要浮动IP请参考:https://blog.csdn.net/readi ...

  9. egret学习

    1.egret wing4.0不能创建egret游戏项目, 重置了引擎之后就可以了 2.入门介绍:http://developer.egret.com/cn/github/egret-docs/Eng ...

  10. naturalWidth与naturalHeight

    naturalWidth与naturalHeight是HTML5的新属性, 可与通过这两个属性来直接获取图片的原始宽度和高度, 现在在火狐, 谷歌, IE11均已经实现 可以看看naturalWidt ...