mood

今天心情上午挺失落的，本来准备下午去面试一个运维的实习，感觉还不错，结果卡在了请假出去，因为疫情不让进出校门，就只好作罢。下午学了会习斗了会地主，还挺开心的。

创建Vue组件（全局组件和局部组件）

全局组件

1.创建组件构造器

const cpnC = Vue.extend({template:
<div>
<h2>我是标题</h2>
<p>我是内容</p></div>
})

2.注册组件

vue.component( ' cpn ', cpnc)

局部组件

再任意一个Vue内部使用components注册局部组件：

components: {
// cpn使用组件时的标签名
cpn:cpnc
}

父组件和子组件

将其中一个组件在拎一个组件内部用components进行注册，就默认此组件为被内部注册的子组件，可以在其中调用，就可以吧渲染出来。

const cpnc1 = Vue.extend({
            template:
                <div>
                    <h2>我是标题1</h2>
                    <p>我是内容，哈哈哈哈</p>
                </div>
        })
        // 2.创建第二个组件构造
        const cpnC2 = vue.extend({
            template:
                < div >
                    <h2>我是标题2</h2>
                    <p>我是内容，呵呵呵呵</p>
                     <cpn1></cpn1>
                </div>,
                components: {
                   cpn1 :cpnC1
                }
        })

可以把Vue看成一个最顶层的组件（root（根组件）），且自组件需在父组件上面加载。
收工睡觉！！
明天提点进度。