Vue路由设置

Question

本人最近在学Vue，在网上down了一个demo，其中在路由设置处有如下代码

export default [{

    path: '/',

    component: App,

    children: [{

        path: '',

        component: r => require.ensure([], () => r(require('../page/home')), 'home')

    }, {

        path: '/item',

        component: r => require.ensure([], () => r(require('../page/item')), 'item')

    }, {

        path: '/score',

        component: r => require.ensure([], () => r(require('../page/score')), 'score')

    }]

}]

不理解的语句为`

r => require.ensure([], () => r(require('../page/home')), 'home')

使用babel在线转换后https://babeljs.io/repl/#?bab...，得到如下：

'use strict';

(function (r) {

  return require.ensure([], function () {

    return r(require('../page/score'));

  }, 'score');

});

有以下几点疑问：

require.ensure是什么意思？

r(require('../page/score')是什么意思，也即为什么ES6的语法要写成r=>的形式，这个r是什么意思？

Answer 1

r就是一个回调函数的参数