Vue.js 2 Cookbook

How to do it...

The following bit of code shows how to react to a click event:

1. Fill in the following HTML:

        <div id="app">           <button v-on:click="toast">Toast bread</button>         </div>

2. As for the JavaScript, write the following:

        new Vue({el:'#app', methods:{toast(){alert('Tosted!')}}})

3. Run the code! An event listener will be installed on the button.
4. Click the button and you should see a popup that says Toasted!