Quiero escribir en VUE, así como js o jquery, pero este marco tiene algunos secretos que aún no descubro. Quiero hacer un bucle simple y una función, pero puedo hacer el cálculo más simple. Escribo algo así y esta calculadora funciona perfectamente:
data: { pv: { p: '', pd: '', d: '', u: '', w: '', }, }, methods: { calc: function () { var d = this.pv.d var p = this.pv.p var u = this.pv.u var w = this.pv.w this.pv.pd = p - d; this.pv.w = this.pv.pd - u; },pero quiero tener algo más adelantado:
this.pv.w = function(){if(w < 1000){return 1000-u;}else{wu;}}en js simple funcionaría perfecto, pero tampoco entiendo el marco VUE. O un bucle para
this.pv.w = function(){for(i=0;i<10;i++){var s = u*i;}}
Esta es una tarea fácil que no encuentro en su documentación.
just find that loop is {{n in 50}} pero quiero tener un cálculo del "lado js" y luego ponerlo en html dom si quiero.
Algunos consejos sobre cómo usar las variables en vue:
data() return { pv: { p: '', pd: '', d: '', u: '', w: '', }, }, methods: { calc1() { // no function keyword required let pv = this.pv; // shorthand pv.d = pv.p - pv.d; pv.w = pv.pd - pv.u; }, calc2() { let pv = this.pv; if(pv.w < 1000){ pv.w = 1000 - pv.u; } else { pv.w = pv.w - pv.u; } }, calc3() { let pv = this.pv; for(let i=0; i<10; i++){ pv.w += pv.u*i; } }