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というようにしてアクセ...

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

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

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 2.6.10実装drag&dropエリアエリアの作成divタグで...

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

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

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