Vue学习5----Vue点击事件，方法，获取数据，改变数据，事件对象及自定义属性

效果图：

源码（复制即可运行）
App.vue

<!--06Vue点击事件，方法，获取数据，改变数据，事件对象及自定义属性-->
<template>
  <!--渲染-->
  <div id="app">
    <div>{
  {this.msg}}</div>
    <button v-on:click="imethod1()">点击事件写法1</button>
    <br/>
    <button @click="imethod1()">点击事件写法2</button>
    <br/>
    <button @click="imethod2()">获取data中的数据</button>
    <br/>
    <button @click="setMsg()">改变data中msg的值</button>
    <br/>
    <button @click="liebiao()">点击渲染列表</button>
    <br/>
    <button @click="chuancan('zhh')">带参数的方法</button>
    <br/>
    <button data-aid='123' &