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