vue组件的三个组成部分
每个.vue组件都由3部分构成，分别是：
template->组件的模块结构script->组件的JavaScript行为style->组件的样式
<template>
<div class="test-box">
<h3>这是用户自定义的Test.vue---{{ title }}</h3>
</div>
</template>
<script>
//默认导出,这是固定写法
export default {
name: "Test",
// data数据源
// 注意：.vue组件中的data不能像之前一样，不能指向对象。
// 注意：组件中的data必须是一个函数
data(){
// 这个return出去的{}中，可以定义数据
return {
title:"标题"
}
}
}
</script>
<style>
.test-box {
background-color: pink;
}
</style>