info

多分フロントエンドエンジニア寄りのフリーランスWeb制作者のサイトです。

他バンドでギター弾いたり、max/msp触ったり等もしております。
最近はチャリ買ってはしゃいでます。
あと犬が飼いたい。

どうぞお気軽にご連絡いただけまししたら幸いです。

works

  • > toyota
  • > glico
  • > bandainamco
  • > shiseido
  • > pioner
  • > mitsui
  • > yodobashi
  • > panasonic
  • > square enix
  • etc..

※詳細をご希望の方はお手数ですが

contactよりご連絡お願いします。

links

リンクです。増えるといいな

contact

ご依頼/ご相談は下記よりお問い合わせください。
その他ご質問等ありましたらお気軽にご連絡ください。

Nunjucksの変数出力(Variables)とvueとかののデータバインドどっちも使いたい時

概要

Nunjucksの変数出力(Variables)とvueのデータバインドはともに
{{}}なので共存したい場合のとりあえずの方法。

Nunjucks/Vue.js

普段jqueryでいいじゃん派なのですが
最近案件でvue.js使う機会があり。
軽く使う程度であれば便利は便利なので個人的な案件でも使ってみてます。
あんまり深く使ってはいる訳では無いけどもAngular1(2は知らない)とかより手軽に使い始められそうな感じな印象です。
.vueファイルとでコンポーネントとかまで使うとしばらく後で見て何だっけコレ?現象がおこりそうな気がするので
個人的にはまだ本格的に使う気は無いです。

{{}}の展開

で本題ですがNunjucksは{{}}が変数展開,Vueは{{}}データバインドってそれぞれ言い方あってるかわかりませんが、
まぁ{{}}での出力がかぶってるのでそれを回避する方法。

Nunjucks側で先に展開されると思うので具体的に言うとNunjucksで{{}}をそのままhtmlに出力する方法ですかね。

//Nunjucks
{% set temp = '{{ val }}' %}
{{ temp }}

以上です。

運営サイト

広告なのよー