34 lines
675 B
Vue
34 lines
675 B
Vue
<!-- components/MyComponent.vue -->
|
|
<template>
|
|
<v-container>
|
|
<v-row>
|
|
<v-col>
|
|
<h2>{{ $t('myComponent.title') }}</h2>
|
|
<v-text-field v-model="param1" :label="$t('myComponent.param1Label')"></v-text-field>
|
|
<p>{{ $t('myComponent.param1') }}: {{ param1 }}</p>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
param1: {
|
|
get() {
|
|
return this.$store.state.param1;
|
|
},
|
|
set(value) {
|
|
this.$store.commit('setParam1', value);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
h2 {
|
|
color: blue;
|
|
}
|
|
</style>
|
|
|