Vue中常用的简写语法

618 阅读1分钟

简介

在学习vue中,一些比较复杂的代码逻辑或者是比较常用的语法会让自己印象深刻,一些很基础很简单的语法通常会比较容易忘记,因此这里总结一些在vue中比较常见的简写语法

v-on

简写:“ @ ”
作用:用来监听DOM事件,比如点击、拖拽、键盘事件等等。
用法: @click="handleClick"

v-bind

简写:“ :”
作用:是为了动态绑定数据,用于响应式地更新 HTML 特性。
用法: :value,在vue中的data函数里定义value值

v-slot

简写:“ # ”
作用:父组件在使用子组件的时候向子组件中传递结构的方法。
用法: <Son><template slot="header"> <p>{{ fatherValue }}</p></template></Son>