如下代码：为什么render函数里面的click不生效？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
<child ></child>
</div>
<script type="text/javascript">
Vue.component('child', {
render: function(createElement) {
//createElement第二个参数是数据对象 ---只能是<object>
return createElement({
template: '<div>我是第一个选项</div>'
}, {
class: {
for: true,
onepice: false
},
style: {
color: "red",
fontSize: "17px"
},
//attrs里面的内容是src属性
attrs: {
src: "http://www.baidu.com"
},
on: {
click: () => {
console.log('点击事件')
}
}
})
}
});
var app = new Vue({
el: '#app',
})
</script>
</body>
</html>
