File tree Expand file tree Collapse file tree 2 files changed +6
-27
lines changed Expand file tree Collapse file tree 2 files changed +6
-27
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
2
<div class =" hello" >
3
3
<h1 >{{ msg }}</h1 >
4
- <p >
5
- For a guide and recipes on how to configure / customize this project,<br >
6
- check out the
7
- <a href =" https://cli.vuejs.org" target =" _blank" rel =" noopener" >vue-cli documentation</a >.
8
- </p >
9
- <h3 >Installed CLI Plugins</h3 >
10
- <ul >
11
- <li ><a href =" https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target =" _blank" rel =" noopener" >typescript</a ></li >
12
- <li ><a href =" https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest" target =" _blank" rel =" noopener" >unit-jest</a ></li >
13
- </ul >
14
- <h3 >Essential Links</h3 >
15
- <ul >
16
- <li ><a href =" https://vuejs.org" target =" _blank" rel =" noopener" >Core Docs</a ></li >
17
- <li ><a href =" https://forum.vuejs.org" target =" _blank" rel =" noopener" >Forum</a ></li >
18
- <li ><a href =" https://chat.vuejs.org" target =" _blank" rel =" noopener" >Community Chat</a ></li >
19
- <li ><a href =" https://twitter.com/vuejs" target =" _blank" rel =" noopener" >Twitter</a ></li >
20
- <li ><a href =" https://news.vuejs.org" target =" _blank" rel =" noopener" >News</a ></li >
21
- </ul >
22
- <h3 >Ecosystem</h3 >
23
- <ul >
24
- <li ><a href =" https://router.vuejs.org" target =" _blank" rel =" noopener" >vue-router</a ></li >
25
- <li ><a href =" https://vuex.vuejs.org" target =" _blank" rel =" noopener" >vuex</a ></li >
26
- <li ><a href =" https://github.com/vuejs/vue-devtools#vue-devtools" target =" _blank" rel =" noopener" >vue-devtools</a ></li >
27
- <li ><a href =" https://vue-loader.vuejs.org" target =" _blank" rel =" noopener" >vue-loader</a ></li >
28
- <li ><a href =" https://github.com/vuejs/awesome-vue" target =" _blank" rel =" noopener" >awesome-vue</a ></li >
29
- </ul >
4
+ {{ user.name }}
30
5
</div >
31
6
</template >
32
7
33
8
<script lang="ts">
34
- import { defineComponent } from ' vue' ;
9
+ import { defineComponent , reactive } from ' vue' ;
35
10
36
11
export default defineComponent ({
37
12
name: ' HelloWorld' ,
38
13
props: {
39
14
msg: String ,
40
15
},
16
+ setup() {
17
+ return { user: reactive ({ name: ' Cédric' }) };
18
+ }
41
19
});
42
20
</script >
43
21
Original file line number Diff line number Diff line change @@ -8,5 +8,6 @@ describe('HelloWorld.vue', () => {
8
8
props : { msg }
9
9
} )
10
10
expect ( wrapper . text ( ) ) . toMatch ( msg )
11
+ expect ( ( wrapper . vm . user as any ) . name ) . toBe ( 'Cédric' ) ;
11
12
} )
12
13
} )
You can’t perform that action at this time.
0 commit comments