vue函数定义的多种写法

vue函数定义的多种写法
千次阅读 2019-09-05 10:31:27

vue定义方法

methods: {
a(e,c){
alert(“aaa”);
},
a{
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