关于vue和react的移动端的那些事件都是怎么解决的

Question

有什么推荐的插件以及使用指南 各位大神推荐一下

Answer 1

Vue
Vue是通过vue的自定义指令v-on:click来绑定事件的
v-on可以简写为@click
事件对应的函数下载Vue实例里面的
methods里面
例：
<div id="box">

<button @click="clickMe">点我</button>

</div>
let vm = new Vue({

el:'#box',
methods:{
    clickMe(){
        alert(1)
    }
}

})

react
react是通过标签内部的onClick来实现的,在事件后面直接写要执行的函数就行了，
但是一般来说都是吧事件的函数挂载到react的class里面，但是这样会导致一个this指向的问题
所以要在constructor函数内部进行重新绑定一下this
例：
<div id="app"></div>

export default class App entends Component{

constructor(){
    this.clickMe = this.clickMe.bind(this);
}
clickMe(){
    alert(1)
}
render(){
    return(
        <button onClick={clickMe}>点我</button>
    )
}

}

ReactDOM.render(

<App/>，
document.getElementById('app')

）