xxxxxxxxxx1
<template>2
<MDBContainer class="mt-5">3
<MDBInput type="text" v-model="text" label="text" class="mb-3" />4
<p><strong>Value:</strong> {{ text }}</p>5
<MDBBtn color="danger" class="mt-3" @click="reset">Reset</MDBBtn>6
</MDBContainer>7
</template>xxxxxxxxxx1
<style>2
#app {3
font-family: Roboto, Helvetica, Arial, sans-serif;4
}5
</style>xxxxxxxxxx1
<script>2
import { MDBContainer, MDBInput, MDBBtn } from "mdb-vue-ui-kit";3
import { ref } from "vue";4
5
export default {6
name: 'App',7
components: {8
MDBContainer,9
MDBInput,10
MDBBtn11
},12
setup() {13
const text = ref("");14
const reset = () => {15
text.value = "";16
}17
18
return {19
text,20
reset21
}22
}23
}24
</script> Console errors: 0