Nuxt CNode：Node.js专业中文社区

Vue2 的JSX spread操作符不起作用

发布于 8 年前作者 Ang-Work 4676 次预览最后一次回复是 8 年前来自问答

如题，代码如下：

结果：

babel配置：

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

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

1 回复

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写法。。。