v-on和v-if举例

v-on是Vue.js中的一个指令，用于绑定事件监听器。它可以在HTML元素上监听指定的事件，并在事件触发时执行相应的方法。例如，我们可以使用v-on指令来监听按钮的点击事件，如下所示：

<button v-on:click="handleClick">点击我</button>

在上述代码中，v-on:click表示监听按钮的点击事件，handleClick是一个在Vue实例中定义的方法。当按钮被点击时，Vue会自动调用handleClick方法。

v-if也是Vue.js中的一个指令，用于条件性地渲染元素。它根据指定的表达式的真假来决定是否显示或隐藏元素。例如，我们可以使用v-if指令来根据条件来显示或隐藏一个元素，如下所示：

<div v-if="isShow">我会根据isShow的值来显示或隐藏</div>

在上述代码中，v-if="isShow"表示只有当isShow为真时，才会渲染并显示div元素。如果isShow为假，则div元素将被隐藏。