VUE 10 - The Boundary of Event Propagation

scrimba

Watch in fullscreen

by Jupeter

About

Comments

Notes

VUE 10 - The Boundary of Event Propagation

by Jupeter

Expand for more info

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div id="app">
            <button v-on:click="increase(3)">Increase</button>
            <button v-on:click="decrease(4)">Decrease</button> </br>
            {{counter}}
            <p v-on:mousemove="showCoodinates">{{ x }}, {{ y }}</p>
        </div>
        <script src="index.pack.js"></script>
    </body>
</html>

<html>

<head>

</head>

<body>

<button v-on:click="increase(3)">Increase</button>

<button v-on:click="decrease(4)">Decrease</button> </br>

</div>

</body>

</html>

›

"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"

›

"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"

-5:38