vue.js

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

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

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

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

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

Failed to resolve loader: ts-loader Failed to resolve loader: ts-loaderってエラーが出たのですが、これで解消されました。 npm install ts-loader ...

Module parse failed: Unexpected character '@' Module parse failed: Unexpected character '@'ってエラーが出たのですが、これで解消されました。 $n...

Module Error (from ./node_modules/eslint-loader/index.js) Module Error (from ./node_modules/eslint-loader/index.js)ってエラ...

vue.jsでdrag&dropを使用したアップロード用コンポーネントを作っていきます。 環境等 項目 バージョン node v10.15.3 npm 6.4.1 vue.js ...

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

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

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