JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
  <div>
    a:<input v-model.number="a" type="number">
  </div>
  <div>
    b:<input v-model.number="b" type="number">
  </div>
  <div>
    expression:<input v-model="expression">
  </div>
  <div>
    result: {{result}}
  </div>
</div>

JavaScript

new Vue({
	el:'#vue',
  data(){
  	return {
    	a:2,
      b:3,
      expression:'a + b'
    }
  },
  computed:{
  	result(){
    	with(this){
      	try{
        	return eval(expression)
        } catch(error){
        	return error.message
        }      	
      }
    }
  }
})