//创建school组件——注册给谁 在谁的结构上写
    const school = Vue.extend({
        name: 'school',//开发者工具的显示
        template: `
        <div>
            <h2>学校名称：{
     
     {schoolName}}</h2>
            <h2>学校地址：{
     
     {adress}}</h2>  
        </div>
        `,//结构
        data() {
            return {//防止相同对象改变
                schoolName: 'xxxx学校',
                adress: 'xxx街道',
            }
        },//数据
})

const vm &#61; new Vue({
    el: &#39;#root&#39;,
    template:&#96;
    &lt;school&gt;&lt;/school&gt;
    &#96;,
    //2、注册组件 &#xff08;局部注册&#xff09;
    components: {
        school,

    }


});</code></pre>