HelloWorld.vue

<template>
  <div class="hello">
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello {
  width: 1000px;
  height: 500px;
  background-image: linear-gradient(top, #ffffff, #2196F3);
}
</style>