Dependencias:

              $ npm install --save countup.js vue-countup-v2
      
              $ npm install --save vue-speedometer
            

Uso:

              <speedometer :value="value" :widthSize="400" :heightSize="230" :bottomPosition="15" :leftPosition="15"></speedometer>
            

• value: valor a representarse en el componente.
• widthSize: tamaño en pixels de ancho del componente.*
• heightSize: tamaño en pixels de largo del componente.*

Ubicación. Valores en píxels. Basado en la propiedad css position

• 'topPosition'
• 'bottomPosition'
• 'leftPosition'
• 'rightPosition'

* No todos los valares son posibles. El ancho, en general, debe ser una mitad (o poco menos) más que la altura.

Funcionamiento:

Dependencias:

              $ npm install --save vue-js-panel
      
              $ npm install --save jspanel4
            

Uso:

              <panel 
                :show="boolean" 
                title="Título" 
                panelWindow="minimized"
                hideCloseBtn
                hideMaximizeBtn>
                <div>Texto cualquiera</div>
              </panel>
            

• show: Boolean. Visibilidad (renderización) del componente
  • true Visible
  • false Oculto / Cerrado
• title: Título del Panel
• panelWindow: String. Estado del panel.
  • 'maximized': Maximizado
  • 'minimized': Minimizado
  • 'smallified': Contraído
  • 'smallifiedmax': Contraído en pantalla completa
• hideCloseBtn: Boolean. Visibilidad del botón de cerrar
  • true Oculto
  • false Desplegado
• hideMaximizeBtn: Boolean. Visibilidad del botón de maximizar
  • true Oculto
  • false Desplegado