header #vue

App.vue

<template lang="pug">
<div>
  p(@click="handler") {{ greeting }} World!
  h1 Hello World
</div>

</template>

<script>
export default {

methods: {
  handler() {
    this.greet = !this.greet;
    this.greet ? this.greeting = 'Hi' : this.greeting = "Hello";
    alert('clicked')
  }
},
  data() {
    return {
      greet: true,
      greeting: 'Hello'
    }
  }
}
</script>

<style>
body {
  font-family: sans-serif;
}
</style>

codeswing.json

{
  "scripts": [],
  "styles": []
}