セクション1 - adahiroOno/vue_js_udemy GitHub Wiki
https://www.udemy.com/course/vue-js-complete-guide/
Vueを使う宣言 new Vue()
el
: htmlのどこに対して対応させるかを示すもの。
vueインスタンスは、dataを持つことができる。
オブジェクトであるため、いろんなデータを書くことができる。
data
もオブジェクト。いろんなプロパティを記述することができる。
v-on
: vue.jsが用意している特別な属性。
今回使うのはclick
。
v-on
の後にDOMイベントを書く。
DOMイベント
とは、ブラウザが用意しているイベント。
methods:
いろんな関数が並べられているところ。
例)
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue ({
el: '#app',
data: {
message: 'HellowWord!'
},
methods: {
reverseMessage: function() {
}
}
})
</script>