The default App.vue created by vue-cli for a new webpack-based project

App.vue

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <div v-show="showMessage">{{message}}</div>
    <div v-show="items.length > 0">I like</div>
    <ul>
      <li v-for="(item, index) in items" v-bind:key="index">{{item}}</li>
    </ul>
    <router-view/>
  </div>
</template>
<script>
export default {
  name: 'App',
  data() {
    return {
      showMessage: true,
      message: 'Hello, World!',
      items: ['Cake', 'Coding'],
    };
  }
};
</script>
...