docs(Steps): use composition api

This commit is contained in:
chenjiahan
2020-12-13 12:53:18 +08:00
parent f93e21a099
commit 192697de0d
4 changed files with 54 additions and 46 deletions

View File

@@ -21,7 +21,7 @@
</demo-block>
</template>
<script>
<script lang="ts">
import { ref } from 'vue';
import { useTranslate } from '@demo/use-translate';

View File

@@ -25,11 +25,12 @@ app.use(Steps);
```
```js
import { ref } from 'vue';
export default {
data() {
return {
active: 1,
};
steup() {
const active = ref(1);
return { active };
},
};
```

View File

@@ -31,11 +31,12 @@ app.use(Steps);
```
```js
import { ref } from 'vue';
export default {
data() {
return {
active: 1,
};
steup() {
const active = ref(1);
return { active };
},
};
```

View File

@@ -42,9 +42,11 @@
</demo-block>
</template>
<script>
export default {
i18n: {
<script lang="ts">
import { ref } from 'vue';
import { useTranslate } from '@demo/use-translate';
const i18n = {
'zh-CN': {
nextStep: '下一步',
step1: '买家下单',
@@ -71,18 +73,22 @@ export default {
status3: '【City】Status3',
customStyle: 'Custom Style',
},
},
data() {
return {
active: 1,
};
},
methods: {
nextStep() {
this.active = ++this.active % 4;
},
export default {
setup() {
const t = useTranslate(i18n);
const active = ref(1);
const nextStep = () => {
active.value = ++active.value % 4;
};
return {
t,
active,
nextStep,
};
},
};
</script>