如何在数据对象中添加新属性?

时间:2016-06-25 00:43:51

标签: javascript vue.js

对于数组,vue.js可以使用默认数组方法:push,pop,shift,reverse ......但是如何在object中创建新项并粘贴一些值?

new Vue({
  el: '#demo',

  data: {
    items: [
      {
        start: '12:15',
        end: '13:15',
        name: 'Whatch Vue.js Laracast',
        description: 'Watched the Laracast series on Vue.js',
        tags: ['learning', 'Vue.js', 'Laracast', 'PHP'],
        note: "Vue.js is really awesome. Thanks Evan You!!!"
      },
      {
        start: '13:15',
        end: '13:30',
        name: "Rubik's Cube",
        description: "Play with my Rubik's Cube",
        tags: ['Logic', 'Puzzle', "Rubik's Cube"],
        note: "Learned a new algorithm."
      }
    ],
  },

  methods: {
    addItemAttribute: function(name, text) {
      this.items[0][name] = text;
    }
  }
});

1 个答案:

答案 0 :(得分:1)

您可以向Vue对象添加属性,类似于普通的javascript对象。参考:https://vuejs.org/api/#Options-Data

'Specify target folder for rule move action
Set oInbox = Application.Session.GetDefaultFolder(olFolderInbox).Folders("Marketing")

您可以像这样访问Vue对象中的数据

var obj = { a: 1};
obj.a // 1
obj.b // undefined
obj.b = 2;
// Now obj.b is defined
obj.b // 2

现在我们可以访问var vm = new Vue({ data: { a: 1, b: 2 } }); 属性

中的数据了
$data

您可以使用vm.$data.a === 1; // You can add a new property vm.$data.c = 3; // it can be any object vm.$data.d = {id: 1, name: 'ABC'}

获取并更新组件props
component.options.props

让我们说,我们想让名字twoWay绑定到false

var component = Vue.component('props-demo-advanced', {
    props: {
        // just type check
        size: Number,
        // type check plus other validations
        name: {
          type: String,
          required: true,
          // warn if not two way bound
          twoWay: true
     }
   }
});

甚至可以更改整个对象。

component.options.props.name.twoWay = faslse

}

我不知道上述配置是否正确,我只是想传达这个想法。

您应首先学习Javascript,如何制作对象,如何更改它们等。