html页面中添加按钮点击事件监听,vue.js在渲染函数中添加事件监听器按钮

我想使用Vue.js渲染函数在javascript中创建组件。现在我可以制作一个HTML结构一个SPAN和一个BUTTON.when单击按钮时，我期望它在控制台输出，但它只是不work.here是我的代码：vue.js在渲染函数中添加事件监听器按钮

var a = {

data() {

return {count: 1}

},

methods: {

inc() {console.log(this.count)}

},

render:function(h){

var self = this

var buttonAttrs ={

on:{click:self.inc}

}

var span = h('span',this.count.toString(),{},[])

var button = h('button','+',buttonAttrs,[])

return h('div'

,{},

[

span,

button

])

}

}

new Vue({

el:'#app',

components:{

counter : a

}}

)

或codepen 任何反应是欢迎，谢谢。

2016-11-24

TofJ