letitride https://blog.hatena.ne.jp/letitride/ 追憶行 https://www.letitride.jp/ テック-Vue.js テック HTML内に記述する{{}}はマスタッシュ構文と呼ぶらしい。 マスタッシュに式を記述 var app1 = new Vue({ el: '#app1', data: { tel: '00,0000,0000' } }) 00-0000-00と日時が表示 <div id="app1" class="frame"> <h1>{{tel.split(',').join('-')}}</h1> <h2>{{ new Date() }}</h2> </div> 但し、マスタッシュ内に変数初期化やインクリメント、if文を記述したりするとエラーになる。 データがリアクティブにならないケース 双方向バインディ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.letitride.jp%2Fentry%2F2019%2F07%2F11%2F164851" title="Vue.js データバインディング入門 - 追憶行" 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 2019-07-11 16:48:51 rich https://www.letitride.jp/entry/2019/07/11/164851 1.0 100%