Vue中的methods方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中的methods方法相关的知识,希望对你有一定的参考价值。

参考技术A 我们可以使用 methods 属性给 Vue 定义方法, methods 的基本语法:

例如在 methods 中定义一个名为 show 的方法:

在 methods 方法中访问 data 的数据,可以直接通过 this.属性名 的形式来访问。

例如我们在 show 方法中,访问 number 属性,可以直接通过 this.number 形式访问,其中 this 表示的就是Vue 实例对象:

如果是在 Vue 构造函数外部,可以使用 vm.方法名 定义或调用方法,还可以通过 vm.$data.属性名 来访问 data 中的数据。

下面是一个用于修改用户名的简单实现,在 button 按钮上绑定了一个 change 方法:

演示图如下所示:

以上是关于Vue中的methods方法的主要内容,如果未能解决你的问题,请参考以下文章

vue methods 方法中 方法 调用 另一个方法。

vue methods中一个函数调用另外一个函数

vue.js methods中的方法互相调用时变量的作用域是怎样的

解决vue中无法取得methods方法中的return值

vue中子组件的methods中获取到props中的值方法

vue为啥method值不改