jQuery から Vue.js へのステップアップ - Qiita

はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ

[homarara]

js界隈は流行り廃りが激しいから、jQueryより便利という理由で導入すると、数年後には正しくメンテできる人がいなくなるんだよね。趣味ならともかく、仕事で使うなら普及してる事が大事だよ。

[mzkzzz]

このふたつ、そもそも役割違うから…と思うのですがどうでしょね。適材適所で使い分け共存さすのが吉だと思ってる。vueすきだよ。

[mukimi]

良い記事だけど移行じゃなくて比較ですね。

[cloverstudioceo]

比較出来るもんじゃなくねーか。WebアプリではjQueryはもう必要ないけど、単なるWebサイトだったらvue.jsよりもjQueryの方が便利だろ。

[mag4n]

この2者の思想が違うので、移行と言われるともにょる。vue.jsは設計思想をまずは理解しないとキツイので公式ページを10回読むべき。

[deokisikun]

慣れだと思うんだけど、htmlとjs両方に汚染を許すVueが苦手マン。jQueryの良いところはhtml側に関係なくセレクタでぶん殴るシンプルな力強さが好印象なんだよなぁ。jQueryとの共存つって、中途半端にVue使っても見辛いよね…

[syonx]

自分も実際にいくつかのレガシープロダクトを移行したけど、やってみると利点が多かったな。共存しながら少しずつ書き換えもできたよ。やるべきかどうかは『それがWebアプリなのかどうか』だね。

[Cherenkov]

こんなん保守したくないな

[tohokuaiki]

へぇ。なるほど。しかし、jQueryのセレクタの書き方がちょっと酷すぎで意図的な感じ。／・・・ってこの人昔仕事したことあるchibinowa.netさんか！

[kfujii]

思想が違うから、いきなり比べてどうこうてのもアレではあるけど、jQueryと比べたときのメリットを言えないと現場で普及させるの難しいのでアレ。

[odakaho]

わかりやすい。 でもhtmlの属性に色々書いてくのはイマイチだね。

[coppieee]

ずっとjQuery+ejsでやってきたけどそろそろvue.jsに移行したい

[pmint]

"data:"…の部分もHTML側に書いたり、"v-for"を使わず"<li>"全行コピペする書き方なら受け入れられる。テキストは全てDOMに置いておきたい。

[ntaoo]

学習コストが低いという一点でvueはそれなりに流行りそうな気がする

[hatakazu93]

技術

[ustam]

Vue.js に僕の知らない機能があるのかと思った。

[yoiIT]

“Vue.js は高速で動くバーチャル DOM という設計”

[living]

インタラクティブなリストのサンプルは良い。もう一点Vueの強いところはリッチなフォームの実装なんだけど、そこが抜けてるのはちょっと残念。

[peperon_brain]

Vue.jsいいよ。お勉強めんどくさい派の俺でも割と楽に入って行けたし。vue-cliに従えばとりあえずいい感じのビルド/開発環境も作ってくれるし。

[lasherplus]

“computed: { ”

[metamix]

移行するな、両方使え

[daichirata]

今更オレオレデータバインディングは無理だけど、jQueryはこのサンプルで実際に使えるところがメリットとしてはある。Vueとかは実際に使うとなると整備しなきゃいけないところが多すぎる。

[iww]

パッと見た感じきれいに書けそうだけど、HTMLがめちゃくちゃキモくなる。 これだけでだいぶ受け入れがたいな

[itry]

ほほう。

[kitadon]

あとでちゃんと読む。

[jacoyutorius]

jQueryと比較してるの良い。布教しやすそう

[s99e209]

jQuery と Vue.js の違い

[torinky]

jQuery から Vue.js への移行