VUE学习：注册全局组件和局部组件的语法糖

注册全局组件

Vue.component('cpn1',{
    template: `
    <div>
      <h2>我是标题1</h2>
      <p>内容11111</p>
    </div>
    `
  })

注册局部组件

const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊'
    },
    components: {
     'cpn2': {
       template: `
        <div>
          <h2>我是标题2</h2>
          <p>内容2222222</p>
          <cpn1></cpn1>
        </div>
    `
     }
    }
  })

components: {
     'cpn2': {
       template: `
        <div>
          <h2>我是标题2</h2>
          <p>内容2222222</p>
          <cpn1></cpn1>
        </div>
    `
     }