vue自定义组件的知识总结

什么是自定义组件？

组件是可以扩展 HTML 元素，封装可重用的代码。定义的组件可以拥有所有vue实例的特性。是以is的方式进行扩展对应的特性。组件之间也是可以嵌套的。

组件的分类

1.局部组件

---

一般来说，局部组件使用的时候，是需要先注册（注册的时候是在父组件）。

定义局部组件时，常用一个变量来存储局部组件。对象中包含有一个template属性,表示组件使用的模板html内容。

定义的data必须是一个function，需要一个对象形式的返回值。

 var h = {
        template: `<div>
            <h1>Hello World!</h1>
            <h5>{
  {msg}}</h5>
            <button @click="clickHandle">按钮</button>
        </div>`,
        data() {
          return {
            msg: "i am cat"
          };
        }
}
//注册部分
   var app = new Vue({
        el: