vue-prlxを使ってさくっとパララックス体験をしてみる | フロントエンドBlog | ミツエーリンクス
今回は、Vue.jsで簡単にパララックス体験ができるプラグイン「vue-prlx」をご紹介します。 vue-prlxとは 指定の要素にパララックス効果を追加できるVue.jsプラグインです。 v-prlxディレクティブを追加することによりtranslateおよびbackground-positionによるアニメーションが可能になります。 インストール npmもしくはcdnからインストールできます。 npm プロジェクトディレクトリで下記のコマンドを実行します。 npm i vue-prlx その後、所定のファイルに下記コードを記述します。 import VuePrlx from 'vue-prlx' Vue.use(VuePrlx); cdn <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script> <
[Vuex] ストア情報を永続化対応する方法
概要ブラウザのリロード時にストアに保持していたデータは破棄されてしまう。 ユーザの操作上リロードが許容すべきセッション情報や更新頻度の高くない情報は保持しておきたい場面がある。 vuex-persistedstateを利用する。(localForgeには対応していない) npm install vuex-persistedstate をした後、下記のように Store のプラグインとして定義する。 import Vue from "vue"; import Vuex from "vuex"; import createPersistedState from "vuex-persistedstate"; Vue.use(Vuex); export default new Vuex.Store({ state: { token: "", }, mutations: {}, getters: {
![[Vuex] ストア情報を永続化対応する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e7f97e64756df43c38bec4532cfc37bec3665db/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20180216115001.webp%3Fts%3D47c1bb7b7f0ba4be965f4ca322be79fa26bf6c78)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
