Creating your first Vue single file component [14 of 16] | Beginner's Series to: Vue.js

 A Vue single file component (SFC) contains the JavaScript, HTML and CSS needed to render and provide functionality for the user. You repurpose use all the same skills you would use if creating a JavaScript component, but rather than creating the moving parts in different files you'll place them in different sections of the .vue file. We'll take a look at how to create your first SFC, place the appropriate code, and add the component to your project. 

Sample code: https://github.com/microsoft/vue-beginners-videos 
Learn Path: https://aka.ms/CreateWebsitesWithVue
Node: https://nodejs.org/  
NPM: https://www.npmjs.com/  
Vue CLI: https://cli.vuejs.org/