https://segmentfault.com/a/1190000002904199
=>
是function的简写形式,支持expression
和 statement
两种形式。同时一点很重要的是它拥有词法作用域的this值,帮你很好的解决this的指向问题,这是一个很酷的方式,可以帮你减少一些代码的编写,先来看看它的语法。
([param] [, param]) => {
statements
}
param => expression
然后再来看看例子,以及babel 编译后的结果。
ES6:
babel编译后结果:
vue中也有这样的使用:
https://segmentfault.com/q/1010000007826464/a-1020000007826570
render
函数是渲染一个视图,然后提供给el
挂载,如果你没有加那么就等于没有视图给el
挂载,自然什么都没有了。
另外
{
render: h => h(App)
}
等价于
{
render: h => {
return h(App)
}
}
其实只是简写的方式。如果不涉及使用this的话下面这个也是等价的
{
render: function (h) {
return h(App)
}
}