效果图:
源码(复制即可运行)
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=