If you're just getting started with this series of Vue.js posts, you should start with the Vue.js Starter Page.
Vue.js uses components to break down and separate functionality into specific files. Here's how:
<template>
<footer>
<p>{{copyright}}</p>
</footer>
</template>
<script>
export default {
data () {
return {
copyright: 'Copyright 2017 Muscles Vue.js'
}
}
}
</script>
<style scoped>
footer{
color: lightgreen;
text-align: center;
}
</style>