[JavaScript知识库]注册组件语法糖

语法糖注册全局组件和局部组件

<div id="app">
    <cpn1></cpn1>
    <cpn2></cpn2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>

  //1.全局组件注册的语法糖
  //创建组件构造器
  //const cpn1=Vue.extend()

  //2.注册全局组件
  Vue.component('cpn1',{
    template:`
    <div>
      <h2>我是标题1</h2>
      <p>我是全局组件</p>
    </div>
    `
  })

  //2.注册局部组件的语法糖
    const app=new Vue({
        el:"#app",
        data:{
            message:'你好呀',
        },
      components:{
            'cpn2':{
              template: `
             <div>
               <h2>我是标题2</h2>
               <p>我是局部组件</p>
             </div>
              `
            }
      }
    })
</script>