udemy-vue-basic
  • Initial page
  • 始める
    • on directive
    • access data, methods
    • v-bind
    • v-on
  • Untitled
  • Vuex で state を管理する
    • Install
    • Vuex とは
    • はじめよう
    • Core Concepts
      • State
      • getter
      • mutations
      • actions
  • View-router
Powered by GitBook
On this page
  1. 始める

v-on

Previousv-bindNextUntitled

Last updated 6 years ago

v-bind は vue から dom に紐づけるイメージ。on は dom からのイベントを受け取るイメージ

main.js
import Vue from "vue";

new Vue({
  el: "#app",
  data: {
    count: 1
  },
  methods: {
    plus() {
      this.count = this.count + 1;
      // or this.count++
    }
  }
});

https://codesandbox.io/s/32m11mox55