1<template>
2 <div
3 @mouseover="hover = true"
4 @mouseleave="hover = false"
5 />
6</template>
1<style>
2 .pink {
3 background-color: pink;
4 }
5 .branco {
6 background-color: white;
7 }
8</style>
9<body>
10
11 <div id="app">
12 <div
13 class="borda div-comum"
14 @mouseover="mudarCor('pink')"
15 @mouseleave="mudarCor('branco')">
16 </div>
17 </div>
18
19 <script>
20
21 options = {
22 el: '#app',
23 data: {
24 cor: ''
25 },
26 methods: {
27 mudarCor(c) {
28 this.cor = c;
29 console.log(c);
30 console.log('Cor : ' , this.cor);
31 }
32 },
33 }
34 const vm = new Vue(options);
35 console.log(vm);
36
37 </script>
38
39</body>