NuxtのSSRモードでメモリリーク？原因はaxios? - ANDPAD Tech Blog
リダイレクトとエイリアス | Vue Router
const router = new VueRouter({ routes: [ { path: '/a', redirect: to => { // この function は対象のルートを引数として受け取ります // ここではリダイレクト先の path もしくは location を返します } } ] }) ナビゲーションガードはリダイレクトするルートに提供されず、ターゲット上のみに適用されるということに注意してください。例では、beforeEnter ガードを /a ルートに追加しても効果がありません。 その他の高度な使い方として、例 (opens new window) をご参照ください。 # エイリアス リダイレクトが意図するところは、ユーザーが /a に訪問した時に URL を /b に置換し、そして /b にマッチさせます。ではエイリアスは何でしょうか? /b として扱う
カスタムスクロールディレクティブの作成 — Vue.js
最終更新日: 2018年3月20日 基本的な例Web サイト上でスクロールイベントと連動するアニメーションなど、ちょっとした振る舞いを加えたくなる時は多くあります。やり方は多くありますが、最も少ないコード量と依存で実現できる方法はおそらく、特定のスクロールイベントを発火させるフックを作成する、カスタムディレクティブを使用することでしょう。 Vue.directive('scroll', { inserted: function (el, binding) { let f = function (evt) { if (binding.value(evt, el)) { window.removeEventListener('scroll', f) } } window.addEventListener('scroll', f) } }) // main app new Vue({ el: '
CSS モジュール · vue-loader
CSS モジュール バージョン ^9.8.0 が必要 CSS モジュール は CSS をモジュール化して構成するための一般的なシステムです。vue-loader はシミュレートされたスコープ付き CSS の代わりに CSS モジュールの一流の統合を提供します。 使い方 module 属性を <style> タグに追加します: <style module> .red { color: red; } .bold { font-weight: bold; } </style> css-loader の CSS モジュールモードを有効にし、その結果クラス識別子オブジェクトは $style という名前の算出プロパティとしてコンポーネントに注入されます。ダイナミッククラスバインディングを利用してテンプレートで使用可能になります。 <template> <p :class="$style.red"> T
Vue.js Responsive Image Lazy Loading
In today’s article, we take a closer look at how we can build our own custom lazy loading image component with Vue.js. We use the fast and lightweight Lozad.js package for handling the lazy loading logic for us, and we’ll enhance it with the ability to display the dominant color of the image as a fallback color, which is shown while the original image is loading. Additionally, the lazy loading com
Vueでsvgファイルをいい感じに扱う - じまろぐ
svgをtemplateにコピペする暗黒時代の終わりを告げる 🔍 vue svg 体験 一番いいやつ— ねこじまぐ (@nakajmg) August 29, 2019 vue-svg-loader を使う github.com vue-svg-loaderを使うとsvgファイルをvueコンポーネントとして扱えるようになる <template> <a href="https://github.com/vuejs/vue"> <VueLogo /> Vue </a> </template> <script> import VueLogo from './public/vue.svg'; export default { name: 'Example', components: { VueLogo, }, }; </script> Nuxtで使うときは nuxt.config.js の bu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt Content Module
Nuxt.js + Firebaseで釣具の管理サービスを作った
The render Property
Using Nuxt with Cloudflare - NuxtJS
API calls from Nuxt.js context
Managing SVG images in Vue.js applications
vue-dragscroll
API Reference | Vue Meta
Edge support · Issue #63 · damianstasik/vue-svg-loader
vueでスクロール検知 - web
Change the Nuxt 2 server error page
Nuxt.js cheat sheet
Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜
Lazy Loading Images in VueJs - Digital Fortress