How to add constraints to v-model
<p>In terms of <a href="http://vuejs.org/" rel="nofollow noreferrer">vuejs</a>:</p>

<p>How to add constraints(limits) to <code>v-model</code> properly?
Let's say I want to allow only numbers between <code>0</code> and <code>5</code>.</p>

<pre><code>&lt;input type="number" v-model="model"/&gt;
</code></pre>

<p>Perhaps I can <code>watch</code> input's value. But it's a bit hacky, isn't it?</p>

<p>UPD: Other option is to handle <code>onChange</code>, <code>onKeyUp</code> and etc and other events: <a href="https://stackoverflow.com/q/469357/930170">HTML Text Input allow only Numeric input</a></p>