「Vue.js入門」v-textでテキスト文字列を出力するサンプル

2020年11月25日

説明
DOM要素の内側をテキストノードとしてすべて書き換えます。
使用例

<div id="arkgame">
  <div v-text="cft"></div>
  <div>1123456799{{purpose}}</div>
</div>
<script>
  var cftp = new Vue({
    el: '#arkgame',
    data: {
      cft: 'abcdef123',
      purpose: 'study skill in arkgame.com'
    }
  });
</script>