Vue:在方法中怎样获取data的值
Lasted 2020-03-07 11:55:02
在 Vue methods 方法中,可以通过 this.$data 变量获取 data 中的数据,如下所示:
<template>
<div id="example">
<button v-on:click="addCounter">Add 1</button>
<p>The button above has been clicked {{ counter }} times.</p>
</div>
</template>
<script>
export default {
name: 'Data',
data() {
return {
counter: 0
}
},
methods: {
addCounter() {
this.$data.counter += 1
}
}
}
</script>
在 addCounter 方法中,可以通过 this.$data 操作 counter 数据