Javascript 我想将对象推入Vue.js中的对象数组中

我是vue新手，我试图了解vue的整个概念以及如何使用它，现在我正在尝试学习列表

JS:

HTML:

<div id="app">
    <ol>
      <li v-for="item in items">{{item.Name}}</li>
    </ol>
</div> 

{{item.Name}
方法的
属性
应该是一个函数

new Vue({
  el: '#app',
  data: {
    items: [
    {Name: "qwe"},
    {Name: "qwe"},
    {Name: "zxc"},
    {Name: "qwe"},
    {Name: "asd"}
  ] },
  methods: {
      // Create a function
      addItem: () => {
         this.items.push({Name: "tyu"});
      }
  }
})

现在需要调用
addItem
函数

new Vue({
  el: '#app',
  data: {
    items: [
    {Name: "qwe"},
    {Name: "qwe"},
    {Name: "zxc"},
    {Name: "qwe"},
    {Name: "asd"}
  ] },
  methods: {
      // Create a function
      addItem: () => {
         this.items.push({Name: "tyu"});
      }
  }
})

使用按钮单击

<button (click)="addItem()">Add Item</button>

Vue.Js有一个很棒的文档和示例。我强烈建议你读一读。
方法的
属性
应该是一个函数

new Vue({
  el: '#app',
  data: {
    items: [
    {Name: "qwe"},
    {Name: "qwe"},
    {Name: "zxc"},
    {Name: "qwe"},
    {Name: "asd"}
  ] },
  methods: {
      // Create a function
      addItem: () => {
         this.items.push({Name: "tyu"});
      }
  }
})

现在需要调用
addItem
函数

new Vue({
  el: '#app',
  data: {
    items: [
    {Name: "qwe"},
    {Name: "qwe"},
    {Name: "zxc"},
    {Name: "qwe"},
    {Name: "asd"}
  ] },
  methods: {
      // Create a function
      addItem: () => {
         this.items.push({Name: "tyu"});
      }
  }
})

使用按钮单击

<button (click)="addItem()">Add Item</button>

Vue.Js有一个很棒的文档和示例。我强烈建议你读一读。
（1）使用
this.items.push（…）
。（2） 在方法中需要一个函数声明。现在，您没有将任何内容推入阵列。（3） 你想把它推到用户交互上吗？何时创建组件？安装组件时？（1）使用
this.items.push（…）
。（2） 在方法中需要一个函数声明。现在，您没有将任何内容推入阵列。（3） 你想把它推到用户交互上吗？何时创建组件？组件何时安装？