json如何循环输出data

在Vue页面中，除了需要引入Vue框架外，还需要在Vue实例中定义一个methods对象。methods对象中定义的函数可以通过事件绑定或计算属性调用，或者在代码中手动执行。

new Vue({
  el: '#app',data: {
    message: 'Hello Vue!'
  },methods: {
    sayHello: function() {
      alert(this.message);
    }
  }
})

在上面的代码中，我们定义了一个sayHello方法，它弹出一个对话框显示message的值。这个方法可以被绑定到一个按钮的click事件上，这样当按钮被点击时，就可以执行这个方法。

Click me

上面的代码中，我们使用了v-on指令来绑定click事件，让它执行sayHello方法。也可以通过计算属性来调用这个方法。

computed: {
  doSomething: function() {
    return this.sayHello();
  }
}

在上面的代码中，我们定义了一个计算属性doSomething，它返回sayHello方法的结果。然后可以在模板中使用这个计算属性。

{{ doSomething }}

除了通过事件绑定和计算属性调用方法外，还可以直接在代码中执行方法。

new Vue({
  el: '#app',methods: {
    sayHello: function() {
      alert(this.message);
    }
  },mounted: function() {
    this.sayHello();
  }
})

在上面的代码中，我们使用了Vue的生命周期钩子函数mounted，在页面渲染完成后，执行sayHello方法。

总结来说，Vue页面中的方法可以通过事件绑定、计算属性调用、以及在代码中手动执行三种方式来执行。无论哪种方式，都需要在Vue实例中的methods对象中定义对应的方法，然后可以在视图层或代码中调用它们。在实际开发中，需要根据具体的业务需求来选择不同的方式来执行方法。