Vue.js初学—简易计算器(使用属性监听watch,动态监听input及select的变化)

这篇博客介绍了初学者如何使用Vue.js构建一个简易计算器,重点讲解了通过属性监听watch动态监听input和select变化,实现实时结果更新的技术点。
摘要由CSDN通过智能技术生成

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:{
  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值