Vue2 的JSX spread操作符不起作用
如题,代码如下:
结果:
babel配置:
{
"presets": [
["es2015", {"modules": false}],
["stage-3"]
],
"plugins": ["transform-vue-jsx"]
}
求教大神,这要怎么搞才行。。。
1 回复
额,自问自答吧。。。
看了一下vue的jsx,给子组件的props赋值需要传递一个props
对象:
// 这样不行
list.map(item => <PostListItem key={item.id} props={item} />);
// 这样可以
list.map(item => {
var props = {props: item};
return <PostListItem key={item.id} {...props} />
});
看样子vue的jsx语法并不好用,遂果断放弃render方法,改回原来的template写法。。。