vue.js

Vue.jsにはいろいろディレクティブと呼ばれるものがあります。このディレクティブはhtmlタグ内に記述できます。今回はv-showディレクティブについて勉強してみたのでまとめてみます。書き方はv-show="条件式"という感じです。条件式...

Vue.jsの算出プロパティcomputedVue.jsのmethodsプロパティと似ているプロパティでcomputedというプロパティがあります。算出プロパティと呼ばれているようです。上記ではempnameが算出プロパティ名です。評価され...

Vue.jsのfilterメソッドの使い方filterメソッドを使うと、メソッド名通りにfilterしてデータを加工してくれます。登録方法は2通りあります。１つ目は、Vue.filterで登録します。第一引数第二引数フィルター名関数フィルタ...

「Vue.jsのリアクティブを実感してみます」でなんとなくVue.jsを触ってみました。今回はVueコンポーネントにあるmethodsプロパティを使用してみます。イベントハンドラ（v-onディレクティブ）という機能を使用してmethodsプ...

Vue.jsはnpmからインストールしなくてもCDNですぐに勉強することができます。idとel（多分エレメントの略）を紐づけます。{{～}}はmustache（マスタッシュ）と呼びます。dataには、app.priceというようにしてアクセ...

Failedtoresolveloader:ts-loaderFailedtoresolveloader:ts-loaderってエラーが出たのですが、これで解消されました。npminstallts-loader--save-dev

Moduleparsefailed:Unexpectedcharacter'@'Moduleparsefailed:Unexpectedcharacter'@'ってエラーが出たのですが、これで解消されました。$npminstall--sav...

ModuleError(from./node_modules/eslint-loader/index.js)ModuleError(from./node_modules/eslint-loader/index.js)ってエラーが出たのですが...

vue.jsでdrag&dropを使用したアップロード用コンポーネントを作っていきます。環境等項目バージョンnodev10.15.3npm6.4.1vue.js2.6.10実装drag&dropエリアエリアの作成divタグで適当な大きさのボ...

マテリアルデザインはGoogleが提唱しているデザインシステムです。今回紹介する、vuetifyはこのマテリアルデザインを利用したVueComponentFrameworkです。card/form/datepickerなどが用意されているの...

vueではプロジェクトを始めるために、vuecli3が用意されています。cliとあるようにコマンドなのですが、なんとUIが用意されておりブラウザからプロジェクトを作成したり設定を変更したりすることが可能です。多言語化対応しており、日本語で使...

Storybookを利用することで、プロジェクトで作成したコンポーネントのカタログを作ることができます。どういうコンポーネントかも視覚的にわかりドキュメントとしていいものになると思います。今回は、vue.jsでStorybookを利用してみ...