vue 继承后的实例，$el 为什么不是子级定义的 el?

Question

loading.vue

<template>

    <div class="mask">

    <p v-if="text" class="text">{{ text }}</p>

    </div>

</template>

<script>

export  default {

    data() {

        return {

        text:  null,

        }
    }
}
</script>

index.js

import  Vue  from  'vue'

import  Loading  from  './loading.vue'


const  Mask = Vue.extend(Loading)

const  mask = new  Mask({

    el: document.createElement('h1'),

    data: {

        text:  'xxx',

    }

})

console.log(mask)

console.log(mask.$el)

请问：mask.$el 为什么是 Loading.vue 中的 div 组件？而不是自己定义的这个 h1 ?

Answer 1

参考：https://cn.vuejs.org/v2/api/#el
$el 会被 Vue 生成的 DOM 替换，看文档更清晰一点

sorry 看错了，麻烦看上面的
el 参数在 2.0 中已经被废弃了，参考 https://cn.vuejs.org/v2/guide...

Answer 2

el选项的值只作为组件挂载点，并不是作为组件的模板
https://cn.vuejs.org/v2/api/#el