mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
docs(vue): add usage docs for all non-controller components (#17643)
This commit is contained in:
@ -107,6 +107,37 @@ export default Example;
|
||||
```
|
||||
|
||||
|
||||
### Vue
|
||||
|
||||
```html
|
||||
<template>
|
||||
<ion-slides pager="true" :options="slideOpts">
|
||||
<ion-slide>
|
||||
<h1>Slide 1</h1>
|
||||
</ion-slide>
|
||||
<ion-slide>
|
||||
<h1>Slide 2</h1>
|
||||
</ion-slide>
|
||||
<ion-slide>
|
||||
<h1>Slide 3</h1>
|
||||
</ion-slide>
|
||||
</ion-slides>
|
||||
</template>
|
||||
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from 'vue-property-decorator';
|
||||
|
||||
@Component()
|
||||
export default class SelectExample extends Vue {
|
||||
slideOpts = {
|
||||
effect: 'flip'
|
||||
};
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
|
||||
|
||||
## Properties
|
||||
|
||||
|
27
core/src/components/slides/usage/vue.md
Normal file
27
core/src/components/slides/usage/vue.md
Normal file
@ -0,0 +1,27 @@
|
||||
```html
|
||||
<template>
|
||||
<ion-slides pager="true" :options="slideOpts">
|
||||
<ion-slide>
|
||||
<h1>Slide 1</h1>
|
||||
</ion-slide>
|
||||
<ion-slide>
|
||||
<h1>Slide 2</h1>
|
||||
</ion-slide>
|
||||
<ion-slide>
|
||||
<h1>Slide 3</h1>
|
||||
</ion-slide>
|
||||
</ion-slides>
|
||||
</template>
|
||||
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from 'vue-property-decorator';
|
||||
|
||||
@Component()
|
||||
export default class SelectExample extends Vue {
|
||||
slideOpts = {
|
||||
effect: 'flip'
|
||||
};
|
||||
}
|
||||
</script>
|
||||
```
|
Reference in New Issue
Block a user