src/component目录是用来存放我们自己的组件的，可以看见，这里的组件是以.vue为后缀的单文件组件，一个文件就是一个组件。我把Hello.vue文件简化后，得到以下代码：
<template> <div> <h1>{{ msg }}</h1> </div> </template> <script> export default { name: 'hello', data () { return { msg: 'Welcome to Your Vue.js App' } } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> h1, h2 { font-weight: normal; } </style>
这里面包含了，模板-即<template>标签的内容，js-即<script>标签的内容，和样式-即<style>标签的内容，在<style>里有个scoped属性，这个的意思就是这个样式仅在当前组件内有效果，如果没有这个属性，则这个样式就是全局的，会影响到其他组件的样式，所以这个一定要根据情况而定。
另外，如果想在我们的项目中引用其他的js, 或css 我们可以在根目录的index.html文件中添加，这样全局都可以使用的。