javascript - コンポーネントの Vue-loader 動的リスト

Question

私は Vue.js を初めて使用し、解決するのがそれほど難しくないはずの問題に行き詰まりました: 別の単一ファイル コンポーネントの動的リストを表示/管理することになっている単一ファイル コンポーネント (.vue) があります。 JS。

私のアプローチはこれです：

<script>
import Event from './DayView/Event'
export default {
  components: {
    Event
  },
  props: ['day']
}

const $ = window.$ = require('jquery')
$(document).ready(function () {
  $('#day-view').append(new Event())
})
</script>

これにより、次のエラーが発生します。

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0__DayView_Event___default.a is not a constructor

前もって感謝します。