Edit in JSFiddle

JavaScript
HTML
CSS
Result

Vue.component('vj-footer', {
	template: 
  `
  <div class="card-footer">
  	<div class="card-footer-text">
  		© 2018 — Propietario
    </div>
	</div>
  `,
})

new Vue({
	el: '#root'
})

<html>
  <div id="root">
    <vj-footer></vj-footer>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</html>

.card-footer {
  width: 100%;
  height: 40px;
  background: #B0BEC5;
  border-radius: 15px 15px 0px 0px;
}

.card-footer-text {
  padding: 10px;
  text-align: center;
}