目录 1. v-on指令 2. v-if指令 3. v-show指令 4. v-for指令 5. v-model指令 一. v-on指令 1. 基础用法
v-on是事件监听的指令, 下面来看简单用法
<!DOCTYPE html> <html lang=http://www.likecs.com/"en"> <head> <meta charset=http://www.likecs.com/"UTF-8"> <title>Title</title> </head> <body> <div id=http://www.likecs.com/"app"> <h2>{{counter}}</h2> <button v-on:click="add"> + </button> <button v-on:click="sub"> - </button> </div> <script src=http://www.likecs.com/"../js/vue.js"></script> <script> var app = new Vue({ el: "#app", data: { counter: 0 }, methods: { add() { this.counter ++ }, sub() { this.counter -- } } }); </script> </body> </html>