Кто-нибудь объяснит синтаксис задания типа свойствам данных vue.js (приложение пишется на typescript)? Мне нужно примерно следующее:
@Component({
data() {
return {
groups: Array<GroupInfo> = []
}
}
})Но vue воспринимает тип как значение, и я запутался, как правильно поступить.
Can somebody explain the syntax for assigning a type to vue.js data properties (the application uses typescript)? What I'm after looks something like this:
@Component({
data() {
return {
groups: Array<GroupInfo> = []
}
}
})However, vue treats the type like a value, leaving me confussed about the right approach.
Поставить : перед типом привычным способом здесь нельзя, потому что это конфликтует с синтаксисом key: value объектных литералов JavaScript. Вместо этого воспользуйтесь выводом типов, утверждая, что изначально пустой массив [] имеет тип GroupInfo[]:
@Component({
data() {
return {
groups: [] as GroupInfo[]
}
}
})Putting : before a type in the usual manner won't work here, since it clashes with the key: value syntax of JavaScript object literals. Instead, rely on type inference, asserting that the initially empty array [] has type GroupInfo[]:
@Component({
data() {
return {
groups: [] as GroupInfo[]
}
}
})Рассмотрите компоненты в стиле классов (https://v2.vuejs.org/v2/guide/typescript.html#Class-Style-Vue-Component%E2%80%8C%E2%80%8Bs) с vue-class-component: они позволяют перенести эти объявления в свойства класса и хорошо сочетаются с Typescript.
import Vue from 'vue'
import Component from 'vue-class-component'
// @Component marks this class as a Vue component
@Component({
// Component options can all be supplied here
template: '<button @click="notify">Click!</button>'
})
export default class NoticeComponent extends Vue {
// Instance properties can hold the initial data
greeting: string = 'Hello!'
// Instance methods can provide component methods
notify (): void {
window.alert(this.greeting)
}
}Consider class-style components (https://v2.vuejs.org/v2/guide/typescript.html#Class-Style-Vue-Component%E2%80%8C%E2%80%8Bs) through vue-class-component, which let those declarations become properties of the class and work nicely with Typescript.
import Vue from 'vue'
import Component from 'vue-class-component'
// @Component marks this class as a Vue component
@Component({
// Component options can all be supplied here
template: '<button @click="notify">Click!</button>'
})
export default class NoticeComponent extends Vue {
// Instance properties can hold the initial data
greeting: string = 'Hello!'
// Instance methods can provide component methods
notify (): void {
window.alert(this.greeting)
}
}Я отправляю сообщения через Java Mail API. После доставки во входящих отображается адрес отправителя. Хочу показывать вместо…
Мой код CRM выполняется в веб-ресурсе, поэтому для получения данных сущности приходится писать чтобы обратиться к этим данным…
Я хочу отправлять заголовок Date. Требуемый формат выглядит следующим образом: Вот мой текущий вариант кода:
