在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 關(guān)于vue和react的移動(dòng)端的那些事件都是怎么解決的

關(guān)于vue和react的移動(dòng)端的那些事件都是怎么解決的

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

回答
編輯回答
不將就

Vue
Vue是通過(guò)vue的自定義指令v-on:click來(lái)綁定事件的
v-on可以簡(jiǎn)寫為@click
事件對(duì)應(yīng)的函數(shù)下載Vue實(shí)例里面的
methods里面
例:
<div id="box">

<button @click="clickMe">點(diǎn)我</button>

</div>
let vm = new Vue({

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

})

react
react是通過(guò)標(biāo)簽內(nèi)部的onClick來(lái)實(shí)現(xiàn)的,在事件后面直接寫要執(zhí)行的函數(shù)就行了,
但是一般來(lái)說(shuō)都是吧事件的函數(shù)掛載到react的class里面,但是這樣會(huì)導(dǎo)致一個(gè)this指向的問(wèn)題
所以要在constructor函數(shù)內(nèi)部進(jìn)行重新綁定一下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}>點(diǎn)我</button>
    )
}

}

ReactDOM.render(

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

2018年4月11日 17:17