Vue.js記法(一)Hello World

Hello world!

<!--vue.jsの参照が必須----->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!--このdivは画面表現の舞台、全てはこの中に表現する-->
<div id="app01">{{ message }}</div> 
<script>
var app1 = new Vue({
  el: '#app01',            /* el: 舞台を定める. １つappに唯一無二のnew Vue*/
  data: { message: 'Hello world!' } /* このappの表現に必要なデータ */
})
</script>