介绍
用单独的文件编写组件，该文件的后缀一般是 .vue 文件
例子
新建 Hello.vue 文件，内容如下：
<template>
<div>hello vue</div>
</template>
<script>
export default{
data:function(){
return {};
},
methods:{}
}
</script>
<style scoped>
div {
color: red;
font-size: 20px;
}
</style>
注意1：
export default{}：暴露组件配置对象，参见：ES6 模块化：javascript（js） import和export<style scoped>一般加上scoped，防止组件之间样式冲突
注意2：由于是 .vue 文件， 浏览器不识别该后缀文件，所以 无法直接使用，需要用到 vue cli 或者 webpack，将其打包编译成 html、css、js后，浏览器才能正常显示