Доступ к реквизиту в конструкторе vuejs

Question

Я ищу доступ к реквизиту из конструктора в VueJS.

Я пробовал реагировать так, как вы можете видеть ниже, но безуспешно.

Родитель:

<nb-add-card
 test="test props">
</nb-add-card>

Ребенок:

<template>
 <div>
  test : {{ test }}
 </div>
</template>

<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';

@Component({
 components: { },
 props: {
  test: {
   type: String,
   default: "",
   required: true
  },
 },
})
export default class AddCard extends Vue {
 constructor(props: any) {
  super(props);
  console.log('TEST :', props); // => Undefined
  console.log('TEST1 :', this); // => Refer to AddCard
 }
}
</script>

Журнал "ТЕСТ" по-прежнему "неопределен".Занимаясь этим часами, на реакции мы просто передаем «props» в аргументы конструктора, но в vuejs это, похоже, не работает ...: /

Я также проверяю доступ к значению props, записываяимя реквизита но оно тоже не работает ...

 constructor(test: any) {
  super(test);
  console.log('TEST :', test); // => Undefined
  console.log('TEST1 :', this); // => Refer to AddCard
 }

У кого-нибудь есть идеи?Спасибо в

Answer 1

Конструктор бесполезен с vue-class-component.То, что вы экспортируете, это сам конструктор.Ваша «тестовая» переменная сразу же доступна внутри компонента.Используйте «созданный» или «смонтированный» крючок для регистрации.