#対策
errormustashe.html
<p>{{{test}}}</p>
▼
okmustashe.html
<p v-html="test"></p>
このようにv-html属性を指定することで対応できました。
#参考サイト
github
vue本家
vue2.0の変更点※少し古めのスレッドです
廃止された理由を探して見たんですが見つけられませんでした。
セキュリティが強化されているんでしょうか?
記述の統一が目的でしょうか?
ご存知の方いましたら教えて下さい。
#そもそも{{{}}}とは?
ムスタッシュタグと呼ばれるもの。
Mustasheというテンプレートエンジンで使われているとのこと。
今回は{{{}}}と3つのものを書いていますが
{{}}という2つのものもありこちらは現在でも使えます。
#波括弧3つ{{{}}}と2つ{{}}の違い
mustashe3.html
{{{<span style="color: red">赤くなる</span>}}}
mustashe3の表示結果
赤くなる
mustashe2.HTML
{{<span style="color: red">htmlソースが表示される</span>}}
mustashe2の表示結果
<span style="color: red">htmlソースが表示される</span>
波括弧3つはhtmlソースを解釈してくれます。