vue组件基本使用

1.创建组件构造器对象

 const cpn = Vue.extend({
     template:`
    <div>
      <h2>我是组件</h2>
      <p>注册示例</p>
    </div>`
   })

2.注册组件

//my-cpn是定义的标签名 ，cpn是创建的组件构造器对象名
Vue.component('my-cpn',cpn)

3.在html中使用

<my-cpn></my-cpn>

代码

展示