middle-aged-se https://blog.hatena.ne.jp/middle-aged-se/ 中年システムエンジニアのオモチャ箱 https://www.ma-se.com/ スマホアプリ開発 ハイブリッド Monaca HTML5 Onsen UI Vue 前回は、入力コントロールで入力した値をリアルタイムに画面に表示してみました。 www.ma-se.com 今回は、前回作成したプロジェクトを使用して、自作コンポーネントを作成し利用したいと思います！ コンポーネントファイルの作成方法 コンポーネントファイルと言っても、通常の vue ファイルと変わりません。下記の通り作成してみましょう！ src フォルダ上で右クリックし、新規ファイル作成を選択します。 ファイル名に「CompMyBtn.vue」を入力［1］し、OK ボタン［2］をクリックします。 下記のとおりファイルが作成されます［1］ので、ダブルクリックしてファイルを開いてください。空のテキ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.ma-se.com%2Fentry%2Fmonaca-008" title="Monaca 自作コンポーネントを作成しよう Onsen UI＋Vue - 中年システムエンジニアのオモチャ箱" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/middle-aged-se/20190706/20190706133311.jpg Hatena Blog https://hatena.blog 2019-07-06 14:51:16 rich https://www.ma-se.com/entry/monaca-008 1.0 100%