引き続きVue.jsの双方向データバインディングのサンプルです。 Vue.jsバージョン: 2.5.2 「タイトル」に入力するとすぐ下にリアルタイムで表示され、「本文」に入力すると表示に加えて文字数もリアルタイムで表示されます。 文字数は全角文字も1文字として数えられます。 冒頭と末尾のスペースはカウントされません。途中のスペースはカウントされます。 前回はHTMLで{{ sum + tax }}と書きましたが、今回のように{{140 - b.length}}というもう少し複雑な書き方も可能です。表示にしか使わない式をこのように書けるのはありがたいことです。 <div class='panel-footer'>あと {{140 - b.length}} 文字 </div> テンプレート構文の制約 Vue.jsのHTMLテンプレート構文{{ }}内に書けるのは単一の式のみに制限されています(