laravel mixにおいてvueを単体モジュール？として組み込みたい

Question

laravelとvueを使用したアプリにおいて、SPAではなくあくまでapp.jsを経由せずにvueをbladeの要素として組み込みたいと思っているのですが、うまくいきません。

やったこととしては

• webpackに登録するためのjsファイル(今回はExampleComponentRegister.js)を記述
• ExampleComponentRegister.js内において該当するvue componentを登録
• bladeにおいてmix(ExampleComponentRegister.js)とExampleComponentを記述

といった感じです。

この方法ではbladeに表示することはできないのでしょうか。
また、表示するにはどうしたらよいのでしょうか。
よろしくお願い

mix
  .js("resources/js/app.js", "public/js")
  .js("resources/js/entries/exampleComponentRegister.js", "public/js")
  .vue()
  .sass("resources/sass/app.scss", "public/scss");

<template>
  <div v-text="message"></div>
</template>

<script>
module.exports = {
  data() {
    return {
      message: "This is Example",
    };
  },
};
</script>

<style>
</style>

import Vue from "vue";
import ExampleComponent from "../components/ExampleComponent.vue";

new Vue({
  component: {
    ExampleComponent,
  },
  el: "#app",
  data() {
    return {};
  },
});

@extends('layout')

@section('content')
<div class="container">
  <div id="app">
    <example-component></example-component>
  </div>
@endsection

<script>
  {{mix('js/exampleComponentRegister.js')}}
</script>