Vue2.x系のハマりどころ templateとコンパイラを完全解説するよ

Vue2.xでは仮想DOMが使われるようになりました。それに伴い、Vue用のテンプレートを仮想DOMをレンダリングするための関数に変換するという処理をコンパイル時に行ってくれる仕組みが組み込まれています。 そして、お手軽にVueを試したい人、プロダクトにVueを使いたい人、コンポーネント志向でアトミックに実装したい人など、様々な用途に応じたテンプレートの書き方(＆コンパイルの方法)を用意してくれています。 そのためテンプレートの書き方とコンパイルの種類については仕様がやや複雑で、公式ドキュメントだけでは理解が難しくけっこうハマりどころだと感じている(事実ずっぽりハマりました)ので、知見を残しておこうと思います。 ※この記事を書いている時点でのVueのバージョンは2.2.1です。 おさらい Vue.jsの利用方法3パターン 1. Vueを<script>タグで埋め込む方法 2. Vue CL

[rona]

“そんな人はいませんか、私です。 Riot.jsなんかも単一ファイル形式ですけど流行りなんですかね。個人的にはテンプレートは別ファイルに切り出したいのですが…。しかも速度とファイル容量を良くしたいからランタイム

[Kesin]

webpackを使わずにvueを使って一通りハマってからやっとこの記事にたどり着いた・・・

[lapurete]

vue.js

[HHR]

Vue2.xでは仮想DOMが使われるように

[khtokage]

そもそもVueの日本語ドキュメントが2.0に対応してたのを初めて知ったｗ　一応改めて目を通しておこう。

[lifeisadog]

多分一番ハマるのは、templateに記載してあったとしても必ずしも常にDOMを更新してくれるわけではない、というところじゃないかな。

[asayamakk]

ハマって調べてたら昔にブックマーク済みだった

[luccafort]

単一ファイルはデザイナーとエンジニアの共同作業を想定してるんじゃないかな？ 個人的な好みで言えばtemplateオプションの方が好みだけど業務でやるなら単一ファイルになるんじゃないかと思う。

[inouetakuya]

Vue.js のコンパイルについて、適宜、表でまとめられていて分かりやすかった。良記事