Vue.js初学—简易计算器(监听input的输入值变化事件,从而实现结果的动态刷新)
学习到了属性监听watch,对于简易计算器的有了新的思路。(虽然也不知道是不是改进,个人认为是改进了)
效果与上面链接的效果完全一致。
<div id="app">
<input type="text" v-model="num1" >
<select v-model="selected" name="">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" v-model="num2">
={
{result}}
</div>
<script>
new Vue({
el:'#app',
data:{