Cacher is the code snippet organizer for pro developers

<template>
  <div id="app">
    {{ text }} Nice to meet Vue.
  </div>
</template>
<script>
export default{ 
  data(){
    return{
      text: 'Hello Class!'
    }
  }
}
</script>
<style scoped>
#app {
  text-align: center;
  padding: 70px;
  font-size: 22px;
  max-width: 360px;
  margin: 0 auto;
  display: table;
}
</style>