关于单文件组件
vue的单文件相当于一个页面中的组件，包含了关于该组件的html-css-js文件集合，
这么做的目的有利于项目的管理和整合，官方说法是有构建步骤。
在<template/>标签下只能有一个子节点元素，如果写多个如<div/>这样的标签则会报错，
如下所示:
<template>
<div></div>
<div></div>
</template>
//run --> throw error
.vue文件可包含html-css-js，webpack自动打包成三个文件？
在.vue文件中，dom结构可以写在<template/>标签下，
而针对该dom结构的样式文件则作为<template/>标签的兄弟元素<style/>存在，
同样的控制该dom结构的脚本程序写在另一个兄弟元素<script/>之中，
这样一来，每个组件自己对应的结构样式都在同一个文件之中，
便不会与其它的组件搞混了。
