1. 程式人生 > >Vue之繫結事件

Vue之繫結事件

繫結事件 v-on:click 簡寫:@click;為button新增一個change的點選事件,改變content的值

  <div>
    <div class="button" @click="change">{{content}}</div>
  </div>
<script>
export default {
  data(){
    return{
      content:"提交"
    }
  },
  methods:{
    change: function(){
      this.content="已提交"
    }
  }
}
</script>