VueCLIからelectron-vue.jsをインストールしてVuetifyを利用する
VueCLIを利用しないとVuetifyをelectron-vueで利用できないので、VueCLI をから electron-vue の環境を構築する 環境 OS windows10 pro node V10.16.3 npm 6.9.0 @vue/cli 4.1.1 […]
Vue.js
Vue.js Filtersの簡単な使い方
- 2019.12.29
- Vue.js
vue.jsのFiltersを利用して、小文字を全て大文字に変換する簡単なサンプルコードです。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 プロジェクト作成 vueappという名前でプ […]
Vue.js axios(アクシオス)を使用してWebApiからデータを取得するサンプルコード
cdnのvueとaxiosを利用して外部のWebApiからデータを取得するサンプルコードです。 環境 OS Windos10 エディタ VScode WebApi 今回は、ランダムで人名を返してくれる無料WebApi「RANDOM USER GENERATOR」を利用させて頂き […]
Vue.js vue-toastedをインストールしてNotificationを表示する
- 2019.12.20
- vue-toasted, Vue.js
Vueのライブラリvue-toastedをインストールしてNotificationを表示するまでの簡単なサンプルコードです。bootstrap-vueも少し利用。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vu […]
Vue.js エラー「Component template should contain exactly one root element」の原因と対応方法
- 2019.12.19
- Vue.js
.vueコーディング時に、エラーメッセージ「Component template should contain exactly one root element」が出る原因と対処方法です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.1 […]
Vue.js Vue-multiselectを利用してselectbox で複数選択を可能にする
- 2019.12.18
- Vue.js
VueのライブラリVue-multiselectをインストールしてselectboxで複数選択できるようするまでの簡単なサンプルコードです。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 […]
Vue.js エラーメッセージ「error: ‘hoge’ is assigned a value but never used (no-unused-vars) 」が発生した時の対処法
- 2019.12.16
- Vue.js
vue.jsのsrc/main.jsを触っていた時に発生。作成したオブジェクトを利用してないよというエラー内容。対処法を記載 環境 OS CentOS Linux release 7.7.1908 (Core) node v12.13.0 npm 6.12.1 @vue/cli& […]
Vue.js Render関数のサンプルコード
- 2019.12.14
- Vue.js
vue-cliを利用してプロジェクトを作成すると、main.jsに render: h=> h(App)と記述されており、 こちらのrenderの挙動を確認したかったので、確認用のサンプルコードを掲載。 環境 OS windows10 pro エディタ […]
Vue.js transition ラッパーコンポーネントのサンプルコード
- 2019.12.12
- transition, Vue.js, サンプルコード
transitionを利用してアニメーションを実現するサンプルコード 環境 OS Windos10 エディタ VScode Transitionクラスについて v-enter v-enter-active v-enter-to が表示に関連するクラス v- leave v- l […]
Vue.js Bootstrap-Vueを利用したプロジェクトの作成
- 2019.12.11
- Bootstrap-Vue, Vue.js
Bootstrap-Vueを利用してbootstrap4を簡単に利用できるプロジェクトの作成手順。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 @vue/cli 4.0.5 Vue CLI インストール 既に入れてい […]