変数を使用する

オンラインスキルアップのサンプルコード

by wintyo

HTML

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>

JavaScript

new Vue({
  el: '#app',
  data() {
    return {
      name: '山田太郎'
    };
  },
  template: '<div>Hello {{ $data.name }}!</div>'
});