We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 48dacfd commit 6491dc8Copy full SHA for 6491dc8
App.vue
@@ -0,0 +1,36 @@
1
+<template>
2
+ <vn-view>
3
+ <hero />
4
+ <vn-view id="counter" :styleSheet="counterStyle">
5
+ <vn-text>Counter: {{count}}</vn-text>
6
+ <vn-button @clicked="inc">Inc</vn-button>
7
+ </vn-view>
8
9
+</template>
10
+
11
+<script>
12
+import Hero from './Hero.vue';
13
+import { ref } from '@nodegui/vue-nodegui';
14
15
+export default {
16
+ components: { Hero },
17
+ setup() {
18
+ const count = ref(0);
19
+ const inc = () => {
20
+ count.value++;
21
+ }
22
23
+ return {
24
+ inc,
25
+ count,
26
+ counterStyle: `
27
+ #counter {
28
+ flex-direction: row;
29
+ align-items: 'center';
30
+ justify-content: 'center';
31
32
+ `
33
34
35
+}
36
+</script>
0 commit comments