[B! vue] extendskickのブックマーク

カスタムスクロールディレクティブの作成 — 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: '

extendskick 2020/10/07

scroll animation

vue

リンク

Vue.jsとWordPressを共存させる（OGPにも対応） - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

extendskick 2020/10/07

リンク

Vue.jsでMDL(material design lite)を使う時の注意 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

extendskick 2018/08/02

material-light on vue

vue
material

リンク

Visual Studio CodeでVue.jsアプリケーションの開発環境を構築する

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 Visual Studio Code（以降VSCodeと表記）でVue.jsを利用したアプリケーションの開発環境を構築したときのメモです。 Node.jsやESLint、Vue.jsはすでにnpmでインストールしているという前提です。またgit操作にGit for Windowsを使用します。なお、Vue.jsを含めフロントエンド開発について学習中の身のため間違っている点などがあると思いますが、そのときはご指摘いただければ大変助かります。環境 Windows 10 Professional VSCode 1.22.2 Node