开发者学堂课程【Vue.js 入门与实战：组件-组件中的 data】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/586/detail/8178
组件-组件中的 data
一、组件中的 data
1. 在 html 中写
<div id=＂app＂>
<mycoml></mycoml>
<div>
<script>
Vue.component(＇mycoml＇,{
template:＇<h1>这是全局组件</h1>
此时右键保存浏览，可以看到执行结果没有问题：
接下来，因为实例有自己的 date，现在解决组件有自己的 date ：
<div id=＂app＂>
<mycoml></mycoml>
<div>
<script>
Vue.component(＇mycoml＇,{
template:＇<h1>这是全局组件</h1>
data:function(){
return{
msg：＇这是组件中data定义的数据＇
}
}
})
通过实践，可以得出以下结论：
1.组件可以有自己的 data 数据。
2.组件的 data 和实例的 data 不一样，实例中的data可以为一个对象，但是组件中的 data 必须是一个方法。
3.组件中的 data 除了必须为一个方法外，这个方法内部还必须返回一个对象。
4.组件中的 data 数据，使用方式和实例中的 data 使用方式完全一样。
