博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-methods三种调用的形势
阅读量:5330 次
发布时间:2019-06-14

本文共 748 字,大约阅读时间需要 2 分钟。

var btn = {            template:``        }       var any = new Vue({         el: '#app',         data:{            a:1         },                components: {            btn        },        methods:{            add:function(num){                if(num != ''){                    this.a+=num                }else{                    this.a++;                }            }        }                })
  1. 第一种最简单的--在vue实例中调用
{
{ a }}

//第一种方式

//第二种方式
//第三种方式

在Vue当前组件中直接调用add @click="add(2)"直接绑定就可以了

在子组件中调用父组件的方法 @click.native="add(2)" 需要调用加上事件修饰符

在vue实例外面,直接以原生的方式调用组件中的方法

οnclick="any.add(2)" 需要通过组件. 方法名的形势调用

转载于:https://www.cnblogs.com/he-zhi/p/7257614.html

你可能感兴趣的文章
循环链表的运用示例
查看>>
php 支付
查看>>
less - 循环 loop
查看>>
《软件测试》实验——实验一 测试入门
查看>>
二十一、加载静态文件,父模板的继承和扩展
查看>>
Spring Security (一)
查看>>
BZOJ 1798:
查看>>
码农视角 - Angular 框架起步
查看>>
url类
查看>>
Java虚拟机结构(一)
查看>>
第一节20181109 《Linux就该这么学》
查看>>
字符串倒序
查看>>
NKOJ-1437 校长杯 ---赛程编制
查看>>
elasticsearch
查看>>
js 页面定时刷新
查看>>
win7 jenkins 修改主目录
查看>>
Git学习笔记--日常基本使用
查看>>
nuget使用
查看>>
关于一类最小割图的建法
查看>>
Django---自定义admin组件思维导图
查看>>