script Progress-bar for vue 2.5.17

[Edwards]

Написал простенький компонент (прогресс бар для vue 2.5.17)
принимает два значения:

max: Number
count: Number

 //html or Vue.app
<template>
 <progress-bar v-bind:count="countFuel" v-bind:max="fuel"></progress-bar>
 </template>


 //script
Vue.component( "progress-bar", {
         props: {
            max: Number,
            count: Number
         },
         computed: {
            width()
            {
               let w = this.count / this.max * 100;
               return {
                  width: w + '%'
               }
            }
         },
         template: `<div class="progress">
                     <div class="progress-bar" v-bind:style ="width"></div>
                  </div>
         `
      } )

.progress{
   border-radius: 0;
}
.progress-bar{
   background-color: #FEC32C;
}

github

 

[Lev Angel]

vue 2.5.17

Только под эту версию? Сейчас смотрю stable версия 3.2.20

 

[Harvey Specter]

Только под эту версию? Сейчас смотрю stable версия 3.2.20

Разрабы ещё не рекомендуют использовать 3 версию.

 

[Lev Angel]

Да, возможно я не туда глянул

 

[Edwards]

Только под эту версию? Сейчас смотрю stable версия 3.2.20

Там просто 2.6. последняя поддерживаемая версия на рейдже