vue 中函数调用方式:数据方法:通过实例的 this 对象调用,在 methods 选项中定义。事件处理函数:通过 v-on 指令绑定到 html 事件,当事件触发时自动调用。

(图1)

Vue 中函数的调用方法

在 Vue 中,函数的调用方式主要有两种:

1. 数据方法

数据方法是通过 methods 选项定义在 Vue 实例上的,可以通过实例中的 this 对象来调用。

立即学习“前端免费学习笔记(深入)”;

new Vue({
  data() {
    return {
      message: 'Hello, world!'
    }
  },
  methods: {
    sayHello() {
      console.log(this.message)
    }
  }
})

// 调用数据方法
this.sayHello() // 输出: Hello, world!
1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
SEA模板网 » vue里面函数怎么调用

发表评论

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员