update solution
parent
0d9f4524f6
commit
c4ce8866d8
|
|
@ -2,25 +2,27 @@
|
|||
import {ref} from "vue";
|
||||
import InputMask from "@/components/InputMask.vue";
|
||||
|
||||
const name = 'your-name'
|
||||
const textClass = 'text'
|
||||
|
||||
const counter = ref(0)
|
||||
|
||||
function incrementCounter() {
|
||||
counter.value++
|
||||
}
|
||||
|
||||
const name = ref('')
|
||||
|
||||
setTimeout(() => {
|
||||
name.value = 'Bob'
|
||||
}, 1000)
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h1 :class="textClass">Hello {{ name }}</h1>
|
||||
|
||||
<h1>Hello {{ name }}</h1>
|
||||
<button @click="incrementCounter">click me for cookies</button>
|
||||
You have {{ counter }} cookies
|
||||
<InputMask/>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.text {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue