Vue组件使用问题

Question

这是一个a.vue文件的部分代码

export default {
        name: 'lab',
        data(){
        ....

主js文件的代码

import lalala from './a.vue'
var vm = new Vue({
    el: '#app',
    data: {
      ...
    },
    render (h) {
        return h(lalala)
    }

该主js文件被index.html使用

请问name属性设置为lab意思是不是在index.html中使用<lab></lab>来使用这个a.vue组件?

我一开始是这样想的,但是结果a.vue组件还是把<div id='#app'>...</div>给整个替换了
请问如何实现我上述的想法

Answer 1

要实现组件调用，需要注册

import lab from './a.vue'

export default {
  name: 'test',
  components: {
    lab,
  }

<lab> </lab>

我对这个name的理解是递归组件用的