在组件中进行数据绑定虽然也是通过data属性，但是对应的值不再是json形式，而是一个函数方法

    1. <body>
    2.     <div id="app">
    3.         <zj_all></zj_all>
    4.     </div>
    6.     <script>
    7.         var zj_a = {
    8.             template: '<div>局部组件定义 {{age}}</div>',
    9.             data: function(){
    10.                 return {age: 18};
    11.             }
    12.         }
    13.         Vue.component(
    14.             'zj_all',
    15.             {
    16.                 template: '<div>全局组件定义 <zj_a></zj_a> {{name}}</div>',
    17.                 // 注册局部组件
    18.                 components:{
    19.                     zj_a
    20.                 },
    21.                 // 组件定义绑定数据
    22.                 data: function(){
    23.                     return {name: 'itcast'};
    24.                 }
    25.             }
    26.         )

    image.png