hirayarn https://blog.hatena.ne.jp/hirayarn/ My Fucking Note https://hirayarn.hatenablog.com/ Vue.jsのテンプレートが見慣れない記法で書かれていた。 <template lang="pug"> となっていて、pugというテンプレートエンジンを使っているらしい。 基本文法 タグ名のあとにスペースを開けてタグの中身を書く。 p 中身 ↓ <p>中身</p> タグの属性は関数呼び出しのように書く。 input( type='checkbox' name='agreement' checked ) ↓ <input type="checkbox" name="agreement" checked="checked" /> コード量が減ることが基本的なメリットらしい。 普段からタグの記述に不… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhirayarn.hatenablog.com%2Fentry%2F2022%2F03%2F26%2F005416" title="テンプレートエンジンpug - My Fucking Note" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-03-26 00:54:16 rich https://hirayarn.hatenablog.com/entry/2022/03/26/005416 1.0 100%