はじめに
こんにちは。クラウド勤怠でエンジニアをしていますkatuoです。今回は意外と知られていないVue.jsの「Render Function」を紹介します。
※ タイトルの「勤怠FEギルド」はクラウド勤怠のフロントエンドの技術的負債の解消や生産性向上のためのコード整備を行うチームのことを指しています。
Render Functionのメリット・デメリット
メリット
- JavaScriptの力をフル活用して、プログラマティックにVue Componentを記述できる
- ボイラープレートを減らすことができる
- Vue.js固有の条件付きレンダリングを使わずDOM構造を記述できる
デメリット
- DOM構造が複雑になるとコードの可読性・保守性が低下しやすい