Vue.js 2 input="radio"のchangeイベントについて

Question

Vue.js-2系を使用しています。
2から使い始めているのですが、1系とは違い、
input(type="radio")ではv-modelを使用して下さいと記述がありました。

Vue.js-2系の方法で、changeイベントを検知する方法を教えて下さい。

試したこと(実際のコードとは異なります)

<template>
  <input type="radio" name="options" value="first" v-model="update" />
  <input type="radio" name="options" value="second" v-model="update" />
</template>

<script>
export default {
  data() {
    return {
      update: 'first'
    }
  },
  watch: {
    update(v) {
      console.log(v)

      this.$emit('******', v)
    }
  }
}
</script>

Answer 1

v-onディレクティブでDOMイベントの購読が可能ですので、changeイベントを購読すればよろしいかと思いました。

<template>
  <div>
    <input type="radio" name="options" value="first" v-model="update" v-on:change="onChange" />
    <input type="radio" name="options" value="second" v-model="update" v-on:change="onChange" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      update: 'first'
    }
  },
  methods: {
    onChange(event) {
      console.log(event.target.value);
    }
  },
}
</script>

Comments

[SystemRyota]

ご回答ありがとうございます。
ご教示頂いた方法で、実装できました。

ご教示頂いた方法を既に試していたのですが、
Bootstrap(jQuery)と競合してVue.jsが動作していなかったのが問題でした。
Bootstrapが動作しないクラス名を定義するとVue.jsが動作致しました。