我想使用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