vue3方法methods介紹
1、概念
方法用于處理復(fù)雜業(yè)務(wù),例如異步請(qǐng)求和表單驗(yàn)證。在vue組件中添加方法,使用 methods 選項(xiàng),該選項(xiàng)包含了所需的所有方法。
2、格式
const?? vueapp={
????? data(){
??????????? returns{
???????????????? count:1
????????????? } },
???? methods:{
?? ?方法名:function(){}
?????????? //方法之間使用逗號(hào),隔開
?? }
}
3、定義方法
在methods定義一個(gè)名稱為show的方法。
methods:{
?? ?show:function(){
?? ??? ?this.num++;
?? ??? }
?? ?}
4、方法中訪問屬性
在 methods 方法中訪問 data 的數(shù)據(jù),可以直接通過 this.屬性名的形式來訪問。
例如我們?cè)?show 方法中,訪問 num 屬性,可以直接通過 this.num 形式訪問,其中 this 表示的就是Vue 實(shí)例。

在Vue 構(gòu)造函數(shù)外部,可以使用 vm.方法名 定義或調(diào)用方法,還可以通過 vm.$data.屬性名 來訪問 data 中的數(shù)據(jù)。
標(biāo)簽: