组件-组件中的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使用方式完全一样。
