Vue使用日记（7）：组件的data数据存放

组件是一个单独功能模块的封装：这个模块有属于自己的HTML模板，也应该有属于自己的data数据。

组件中的数据保存在哪？组件的data能不能保存在Vue实例上呢？

经过测试，在组件中不能直接访问Vue实例中的data。

即便能访问，如果将所有的数据都放在Vue实例中，Vue实例会变得非常臃肿。

<div id="app">
    <my-cpn></my-cpn>
</div>

<template id="myCpn">
  <!-- 无法显示 -->
  <div>组件中访问实例的数据：{
  {message}}</div>
</template>

<script>

let app = new Vue({
  el: "#app",
  data:{
      message:"Just the test words.&