mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
docs(vue): update component usage examples for vue 3 (#22050)
This commit is contained in:
@@ -158,6 +158,29 @@ export class SplitPaneExample {
|
||||
<ion-router-outlet id="main"></ion-router-outlet>
|
||||
</ion-split-pane>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
IonHeader,
|
||||
IonMenu,
|
||||
IonRouterOutlet,
|
||||
IonSplitPane,
|
||||
IonTitle,
|
||||
IonToolbar
|
||||
} from '@ionic/vue';
|
||||
import { defineComponent } from 'vue';
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
IonHeader,
|
||||
IonMenu,
|
||||
IonRouterOutlet,
|
||||
IonSplitPane,
|
||||
IonTitle,
|
||||
IonToolbar
|
||||
}
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
|
||||
|
||||
@@ -14,4 +14,27 @@
|
||||
<ion-router-outlet id="main"></ion-router-outlet>
|
||||
</ion-split-pane>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
IonHeader,
|
||||
IonMenu,
|
||||
IonRouterOutlet,
|
||||
IonSplitPane,
|
||||
IonTitle,
|
||||
IonToolbar
|
||||
} from '@ionic/vue';
|
||||
import { defineComponent } from 'vue';
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
IonHeader,
|
||||
IonMenu,
|
||||
IonRouterOutlet,
|
||||
IonSplitPane,
|
||||
IonTitle,
|
||||
IonToolbar
|
||||
}
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user