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" 。