组件的数据存放

组件内部不能访问Vue实例里面数据

组件数据的存放

组件对象也有一个data属性（也可以有methods等属性），只是这个data属性必须是一个函数，且函数返回一个对象，对象内部保存着数据

案例：

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

  <template id="cpn">
      <div>
          <h2>{{title}}</h2>
          <p>content one</p>
      </div>
  </template>

        const app = new Vue({
          el: '#app',
          data: {
              message: 'hello',
              title: '我是标题'
          }
      })