yuheijotaki.com

Vue CLI(webpack)で jQuery を使う

f:id:jotaki:20190212100544p:plain

Vue CLI でというより webpack で使う、といったほうが正しいと思いますが

https://codepen.io/vjandrei/pen/rAuam
こういうチェックボックスの上限値を設けるようなフォーム制御とか特に素のJSだときついなあと思ったのでjQueryで書きたいとなるときがある。

$ npm install jquery -D

で .vue ファイルに

import $ from 'jquery';

export default {
  name: 'App',
  created: function(){
    $('#app').addClass('jqueryTest');
  }
}

とする。

ライフサイクルフック(実行タイミング)には気を使う必要がありそうですがとりあえず使うところまではこれでOKでした。