vue.js找不到元素#app

Question

学习自定义插件，我正在尝试测试wa虚拟DOM

import Vue from 'vue'
import MyPlugin from '@/plugins/MyPlugin'

Vue.use(MyPlugin)

describe('MyPlugin', () => {
  let vm

  beforeEach(() => {
    vm = new Vue({
      template: '<div id="app" class="container" v-demo:hello.a.b="msg"></div>',
      el: '#app',
      data: {
        msg: 'hello!'
      }
    }).$mount()
  })

  it('should run', () => {
    Vue.myMethod()
    console.log('INNER: ', vm.$el.innerHTML)
    expect(true).to.equal(true)
  })
})

但我得到一个错误：

错误日志：'[Vue警告]：找不到元素：#app'

尚未在模板中定义？

感谢您的反馈

Answer 1

el属性用于指定DOM中当前要安装Vue实例的元素。

您无法在Vue实例的模板中指定该元素，因为它需要在DOM上的某个位置挂载后才能呈现。

您需要在Vue实例之外的HTML中添加ID为#app的元素，并从其模板的div中删除id="app" 。