File tree Expand file tree Collapse file tree 5 files changed +19
-21
lines changed Expand file tree Collapse file tree 5 files changed +19
-21
lines changed Original file line number Diff line number Diff line change 11<template >
22 <div >
33 <input v-model =" msg" >
4- <p >prop: {{propMessage}}</p >
5- <p >msg: {{msg}}</p >
6- <p >helloMsg: {{helloMsg}}</p >
7- <p >computed msg: {{computedMsg}}</p >
4+ <p >prop: {{ propMessage }}</p >
5+ <p >msg: {{ msg }}</p >
6+ <p >helloMsg: {{ helloMsg }}</p >
7+ <p >computed msg: {{ computedMsg }}</p >
8+ <Hello ref =" helloComponent" />
9+ <World />
810 <button @click =" greet" >Greet</button >
9- <hello ref =" helloComponent" ></hello >
10- <World />
1111 </div >
1212</template >
1313
1414<script lang="ts">
1515import Vue from ' vue'
1616import Component from ' ../lib/index'
17- import Hello from ' ./Hello.vue' ;
18- import World from ' ./World.tsx '
17+ import Hello from ' ./Hello.vue'
18+ import World from ' ./World'
1919
2020@Component ({
2121 props: {
@@ -36,7 +36,6 @@ export default class App extends Vue {
3636 // use prop values for initial data
3737 helloMsg: string = ' Hello, ' + this .propMessage
3838
39-
4039 // lifecycle hook
4140 mounted () {
4241 this .greet ()
Original file line number Diff line number Diff line change 11<template >
2- <div class =" hello" >
3- <h1 >Hello Times: {{ helloTimes }}</h1 >
4- </div >
2+ <p >hello times: {{ helloTimes }}</p >
53</template >
64
75<script lang="ts">
119 @Component
1210 export default class Hello extends Vue {
1311 helloTimes: number = 0
14- sayHello() {
15- this .helloTimes ++ ;
12+
13+ sayHello () {
14+ this .helloTimes ++
1615 }
1716 }
1817 </script >
Original file line number Diff line number Diff line change 1- import Vue , { CreateElement } from 'vue'
1+ import Vue , { CreateElement } from 'vue'
22import Component from '../lib/index'
33
44@Component
55export default class World extends Vue {
6-
76 render ( h : CreateElement ) {
8- return < h1 > tsx render function </ h1 >
7+ return < p > This is rendered via TSX </ p >
98 }
109}
Original file line number Diff line number Diff line change 1- import Vue , { VNode } from "vue" ;
1+ import Vue , { VNode } from "vue"
2+
23declare global {
34 namespace JSX {
45 interface Element extends VNode { }
56 interface ElementClass extends Vue { }
67 interface IntrinsicElements {
7- [ elem : string ] : any ;
8+ [ elem : string ] : any
89 }
910 }
10- }
11+ }
Original file line number Diff line number Diff line change 1- declare module " *.vue" {
1+ declare module ' *.vue' {
22 import Vue from 'vue'
33 export default Vue
44}
You can’t perform that action at this time.
0 commit comments