【前端基础】原生、Vue和React 中的click区别

• 原生：向 onclick 传入一个字符串。

<div onclick="console.log('添加')">添加</div>

• Vue: 向 onclick 传入的是methods 定义的方法名，如：add 。

<button v-on:click="add">Add</button>
// 下面两种写法均报错: "console" is not defined，alert也会报错。
<p @click="console.log(123)">1123123</p>
<p @click="function () { return console.log(9) }">1123123</p>

• React: 向 onClick 这个 prop 传入一个函数，作为事件处理函数。注意：这里的dom显示在页面中的结构是：<button>添加</button>

<button onClick={()=>console.log('添加')}>添加</button>