<template>
<div>
<h2>Example $el Object</h2>
<p>Using the $el object to change the background color of the H2 child element.</p>
<button v-on:click="changeColor">Click here</button>
</div>
</template>
<script>
export default {
methods: {
changeColor() {
console.dir(this.$el)
this.$el.children[0].style.backgroundColor = 'lightblue';
}
}
}
</script>