Created by
sironekotoro
| <!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>
|