vue函数定义的多种写法

vue定义方法

 methods: {
            a(e,c){
                alert("aaa");
            },
            [a](e,c){
                alert("aaa");
            },
            a: function(e,c) {
                alert("aaa");
            }
       }

在JS中箭头函数根据是否书写大小括号可分为以下四种情况。

			// 不省略
			const fun = (value) => {
			    return value;
			};
			 
			// 省略小括号
			const fun = value => {
			    return value;
			};
			 
			// 省略大括号
			const fun = (value) => value;
			 
			// 省略大括号与小括号
			const fun = value => value;

对象方法的简写就是普通的函数( this指向不同)

			window.a = 'window'
			const obj ={
			    a: 'obj',
			    say() {
			        console.log(this.a)
			    },
			    say1: function () {
			        console.log(this.a)
			    },
			    say2: () => {
			        console.log(this.a)
			    }
			}
			obj.say() // obj
			obj.say1() // obj
			obj.say2() // window

https://segmentfault.com/q/1010000015242443