您现在的位置是:主页 > 技术杂谈 >

Vue中的render: h => h(App)中的双箭头是什么含义?

admin 2020-01-04 14:02 【技术杂谈】 0次人已围观

简介刚开始学Vue,再看别人的例子时经常会看到: render: h = h(App) 或者类似于如下的定义函数变量的方式: const addRole = (params)=postAction(/sys/role/add,params); = 其实是ES6的箭头语法 // ES5 (function (h) { return h(App); }); // ES6 h = h(App); 具体说明可以看这里:https://developer.mozilla.org/zh-CN/docs/Web/JavaS...

刚开始学Vue,再看别人的例子时经常会看到:

render: h => h(App)

或者类似于如下的定义函数变量的方式:

const addRole = (params)=>postAction("/sys/role/add",params);

=> 其实是ES6的箭头语法

// ES5

(function (h) {

return h(App);

});

// ES6

h => h(App);

具体说明可以看这里:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

具体语法如下:

基础语法

(参数1, 参数2, …, 参数N) => { 函数声明 }

//相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }

(参数1, 参数2, …, 参数N) => 表达式(单一)

// 当只有一个参数时,圆括号是可选的:

(单一参数) => {函数声明}

单一参数 => {函数声明}

// 没有参数的函数应该写成一对圆括号。

=> {函数声明}

高级语法

//加括号的函数体返回对象字面表达式:

参数=> ({foo: bar})

//支持剩余参数和默认参数

(参数1, 参数2, ...rest) => {函数声明}

(参数1 = 默认值1,参数2, …, 参数N = 默认值N) => {函数声明}

//同样支持参数列表解构

let f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c;

f; // 6

孟文鹏博客版权所有丨如未注明 , 均为原创丨 转载请注明Vue中的render: h => h(App)中的双箭头是什么含义?