Vue.js

「Vue.js」に関する情報が集まっています

人気の投稿

新着の投稿

Vue.jsでトグル表示 Vue.jsで自身の状態を変えつつ、ブロック内の表示を切り替えるようなトグル表示がシンプルにできることがわかったので備忘録的に記載。 @clickでメソッドに引数を渡し、v-ディレクティブでクリックされるテキストと非表示にする内容のブロックを切り替えています(@click=""をv-on:click=""にしても同様の...

2019-07-02

概要 フロントの勉強としてVue.jsの開発環境を整備するときに、せっかくなのでDockerを使って環境を構築してみました。 手順 今回は勉強がてらdocker-composeを利用します。とは言っても「書くよ!」ってだけで複雑なことは全然やってないです。 Dockerfileの作成 FROM node:lts-alpine W...

2019-07-04

おとなしくライブラリを使いますVue i18n $ npm install vue-i18n main.jsでi18n使うよ宣言 import VueI18n from 'vue-i18n' import { messages } from '@/common/lang/index.js' //多言語は別ファイルで管理する ...

2019-06-07

2019/5/26 追記・AnimateCCの使用バージョンについて訂正しました。・キーフレームアニメーション以外でも作成できる場合があるので追記しました。 はじめに 知人のポートフォリオサイトにちょっとしたアニメーションを入れることになり、今回はAnimateCCで作成することにしました。 AnimateCCはHTML5のcanvasで...

2019-03-24

小ネタ Vue.jsは、ブラウザの開発ツールやVue.js用の拡張機能を利用しなくても、HTMLファイルにとあるタグを記述することで、データの内容をJSON形式で確認できる。 記述方法 HTMLファイル内に「{{ $data }}」を任意の場所に記述する。 <html> <head> <...

2019-05-03

この記事は下書きに1年以上入れたままだったものをサルベージしたものです 明確なバージョンは書いていませんが、時期的に2.5系が基準になっています 完全ビルドとランタイムビルドの違い Electron (node.js) 環境でVue.jsを入れた際に、実行すると以下のWarningがConsoleに出力された。 You ar...

2019-05-07

ルーターフックとも呼ばれているVue Routerのナビゲーションガードですが、そのうちのよく使うbeforeRouteEnterのnextコールバックの実行タイミングが、自分が思っていたのと違っていました。 検証 // Foo.vue beforeRouteEnter(to, from, next) { console.log...

2019-05-06

Introduction こんにちは、JJ(@JJ_1123_I)です!今回は、「Vue.jsでLocalStorageにデータを保存方法」についてまとめていきたいと思います。 対象 Vue.js初心者の方 LocalStorageとは? 一言で表すとブラウザ(クライアント側)にデータを保有する機能です。Cookie に比べて...

2019-05-03

Introduction こんにちは、JJ(@JJ_1123_I)です! Herokuを使ったVue.jsでのデプロイ方法についてまとめたいと思います。以下のサイトにに概要が記載されてますが、一連の流れで記載していきます。Heroku へデプロイするには? 対象 Vue.jsでフロント側を開発した環境を手間なくデプロイしたい人 ...

2019-04-28

Introduction こんにちは、JJ(@JJ_1123_I)です!Vue.jsのv-forについてのメモです。 v-forとは? v-forディレクティブを使うと、配列に納められた値をページに表示してくれるや〜つ。多分。 構文 <要素名 v-for= "バリュー in オブジェクト" > {{ 表示したいバリ...

2019-04-17

Introduction こんにちは、JJ(@JJ_1123_I)です!Vue.jsを学ぶ中で双方向バインディングを理解するのが難しかったのでメモです。 双方向バインディングとは? Vue.jsではコンポーネントという単位で機能実装を分ける事が出来ます。そのコンポーネント間のデータ連携(親⇆子供⇆...)を双方向バインディングといいます。 ...

2019-04-15

Introduction こんにちは、JJ(@JJ_1123_I)です! 今日は、最近Vue.jsの勉強を始めたので、Vue.jsを用いたWebアプリケーションの開発を始めるにあたり必要な手順を記載致します。 対象 Vue.jsを始めるにあたり、何から始めたらいいか分からない人 フロントエンドの開発全般に知見があまりない人 ...

2019-04-07

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする