vue-methods三种调用的形势

var btn = {template:`<button>组件add</button>`}var any = new Vue({el: '#app',data:{a:1},components: {btn},methods:{add:function(num){if(num != ''){this.a+=num}else{this.a++;}}}})

第一种最简单的--在vue实例中调用

    <div id="app">{{ a }}<p><button @click="add(2)">add</button></p>        //第一种方式<p><btn @click.native="add(2)"></btn></p>       //第二种方式</div><button onclick="any.add(2)">add++</button>     //第三种方式

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

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

在vue实例外面，直接以原生的方式调用组件中的方法
οnclick="any.add(2)" 需要通过组件. 方法名的形势调用

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

vue-methods三种调用的形势相关推荐

Vue组件的三种调用方式
最近在写fj-service-system的时候,遇到了一些问题.那就是我有些组件,比如Dialog.Message这样的组件,是引入三方组件库,比如element-ui这样的,还是自己实现一个?虽然 ...
vue 实例化几种方式_Vue组件的三种调用方式
最近在写fj-service-system的时候,遇到了一些问题.那就是我有些组件,比如Dialog.Message这样的组件,是引入三方组件库,比如element-ui这样的,还是自己实现一个?虽然 ...
vue三种调用接口的方法
注:此博客仅用于学习,自己还处于菜鸟阶段,希望给相同处境的人提供一个可参考的博客.如果您觉得不合理,您的指导,非常欢迎,但请不要否定别人的努力,谢谢您了! vue三种调用接口的方法 1. this.$ ...
vue.js 三种方式安装(vue-cli)
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...
java同步异步调用_详解java 三种调用机制（同步、回调、异步）
1:同步调用:一种阻塞式调用,调用方要等待对方执行完毕才返回,jsPwwCe它是一种单向调用 2:回调:一种双向调用模式,也就是说,被调用方在接口被调用时也会调用对方的接口: 3:异步调用:一种类似消 ...
vue.js 三种方式安装--npm安装
Vue.js是一个构建数据驱动的 web 界面的渐进式框架. Vue.js 的目标是通过简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易上手,便于与第三方库或既有项目整合. ...
c语言函数的三种调用方式是什么？
函数的三种调用方式:1.函数作为表达式中的一项出现在表达式中,例"z=max(x,y)":2.函数作为一个单独的语句,例"printf("%d",a) ...
vue.js三种安装方式
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...
c语言函数三种方式,c语言函数的三种调用方式是什么
函数的三种调用方式:1.函数作为表达式中的一项出现在表达式中,例"z=max(x,y)":2.函数作为一个单独的语句,例"printf("%d",a) ...
方法的三种调用方式和重载
方法重载: * 在一个类中的多个方法,它们方法名相同,参数列表不同(参数个数,类型,顺序不同前提是类型不同), * 和方法返回值,修饰符无关就构成了方法的重载 p ...

vue-methods三种调用的形势

vue-methods三种调用的形势相关推荐

最新文章

热门文章