父子组件关系

下面我将举个小栗子来说明父子组件关系
avatar
<body>
   <div id="app">
       <panda></panda>
   </div>
   <script>
       //子组件对象，必须写在父组件对象上面否则说他没定义
       //在构造器外定义局部注册组件
       var city = {
           template: `<h2>四川是中国的城市</h2>`
       }
       //父组件对象
       var panda = {
           template: `
              <div>
              <h2>熊猫来自四川</h2>
              <city></city>
              </div>
            `,
            components:{
                'city':city //注意写法
            }
        }
        var app = new Vue({
            el:'#app',
            components:{
                'panda':panda//注意写法
                }
        })
   </script>
</body>