Vue2 的JSX spread操作符不起作用

如题，代码如下：

结果：

babel配置：

{
    "presets": [
        ["es2015", {"modules": false}],
        ["stage-3"]
    ],
    "plugins": ["transform-vue-jsx"]
}

求教大神，这要怎么搞才行。。。

Ang-Work 1楼•8 年前作者

额，自问自答吧。。。
看了一下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写法。。。