Vue.js と jQuery を共存させる

DOM操作、イベント処理などは Vue.js に任せるとして、
アニメーションなど jQuery で簡単に実装出来ることは jQuery でやってしまおうと思い、
Vue.js で jQuery を使う。

思想的には共存させない方が良いのかな?と思いますが一旦効率重視で。

まずはインストール。

$ npm install -D jquery
$ npm install -D @types/jquery

使う時は下記のような感じです。

import $ from "jquery";

$("html,body").animate({scrollTop: 0}, 500, "swing");

型定義が合わないのか、
$(“.xxx”).offset().top
の offset() が見つからないとかエラーが出てしまい、
// @ts-ignore
で抑制してしまったり、少しもどかしい感じです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA