Vue3基础语法-绑定事件

官网的图是这样子的:

v-on可以简写成@
拿点击事件举例,示例如下:

        <h1>事件示例</h1>
        <div @click="() => { console.log('hello world') }">点击两下</div>

计算属性和监听器就不放在这个模块说了,感觉放在生命周期一起比较好,下面再整体的来看看vue3的组件的基础构成,主要分为三个部分template,script,style,template主要负责提供渲染模板,script负责提供数据、交互方法等,style提供样式。vue3里面也提供了很多语法糖,让写vue3组件不像写原生那么复杂,没事的时候看看官网API,这些基础语法应该很快就能掌握。

上一篇:【Node.js】Express学习笔记(黑马)-Express 中间件