Vue.js 2 Web Development Projects

Simulating measures

Without further delay, let's build the simple component that will call this measure.add Meteor method:

1. Add two buttons in the template of ProductionGenerator.vue:

      <template>        <div class="production-generator">          <h1>Measure production</h1>          <section class="actions">            <button @click="generateMeasure(false)">Generate             Measure</button>            <button @click="generateMeasure(true)">Generate             Error</button>          </section>        </div>      </template>

2. Then, in the component script, create the generateMeasure method that generates some dummy data and then call the measure.add Meteor method:

      <script>      import { Meteor } from 'meteor/meteor'      export default {        methods: {          generateMeasure (error) {            const value = Math.round(Math.random() * 100) const measure ...