Created by sironekotoro 2018-08-29

      <!DOCTYPE html>
<html>
  <head>
  <title></title>
  <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    
<section>
  <h1>Vue インスタンスの作成</h1>
  <div id="app">
    {{count}}

  <button onclick="vm.count += 1" type="button">+</button>

  <button onclick="dataObj.count -= 1" type="button">-</button>

  </div>
</section>


<script>//<![CDATA[


// データとメソッド
// https://jp.vuejs.org/v2/guide/instance.html

// データオブジェクト
var dataObj = { count : 1 };

// Vue インスタンスにデータオブジェクトを追加する
var vm = new Vue({
  el: '#app',
  data: dataObj,
})


//]]></script>

  </body>
</html>

    

Comments (0)

HTTPS

SSH

You can clone a snippet to your computer for local editing. Learn more.

Snippets

sironekotoro Vue インスタンスの作成

Comments (0)