Computed dans un Vue.Component
:salut:
Toujours en phase d'apprentissage de Vue.js, j'aimerai pouvoir utiliser computed dans un Vue.Component dans le but de créer un nouveau "props" accessible dans mon template.
Voici un l'extrait de mon code qui est concerné :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
Vue.component('vue-section', {
template: '#sectionTemplate',
props: {
num: Number,
var1: {
type: Number,
default: 10.258
},
var2: {
type: Number,
default: 9
},
},
computed: {
var3: function(){
var var3 = 0;
var3= this.var1 - this.var2;
return var3.toFixed(2);
}
}
}); |
Malheureusement, le template ne s'affiche pas.
A noter que si j'utilise cette fin de code :
Code:
1
2
3
4
5
6
7
8
|
computed: {
var3: function(){
var var3 = 0;
var3 = 10.2378;
return var3.toFixed(2);
}
} |
Tout s'affiche comme il faut.
Pouvez-vous m'aiguiller sur l'erreur que je fais ?
D'avance merci.
J
