持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第18天，点击查看活动详情

样式绑定

动态绑定：在js文件中定义一个属性，属性值为ture或false，在外部css文件中定义样式

实例：<h2 v-bind:class="{title1:isTitle}">{{ title }}</h2>
//titl1为元素类名，isTitle是在js中定义的属性，true为此样式使用，false为此样式不使用

条件渲染

`v-if` 是“真正”的条件渲染，因为它会确保在切换过程中，条件块内的事件监听器和子组件适当地被销毁和重建。

`v-if` 也是**惰性的**：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。

相比之下，`v-show` 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。

一般来说，`v-if` 有更高的切换开销，而 `v-show` 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用
`v-show` 较好；如果在运行时条件很少改变，则使用 `v-if` 较好。

在Vue3中，对数组的一些方法进行了封装，v-on中可以有多个方法，这些方法由逗号运算符分隔

事件修饰符

vue中为v-on提供了事件修饰符来处理DOM事件细节
    stop：阻止事件冒泡
    prevent：阻止默认事件
    capture：事件捕获
    self：事件本身
    once：事件只触发一次，//2.1.4版本及以上才能使用

表单修饰符

lazy：懒加载，在change之后加载
number：自动将用户的输入值转为数值类型
trim:删除首尾空白字符