通过VUE制作简易计算器

最新推荐文章于 2025-06-04 16:37:48 发布

朵朵宝

最新推荐文章于 2025-06-04 16:37:48 发布

阅读量894

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/magic_818/article/details/127706524

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="vue.min-v2.5.16.js"></script>
    <title>Document</title>
</head>
<body>
   
    <div id="app">
        <form action=""></form>
        <input type="text" v-model="a">
        <select v-model="jjcc">
            <option value="0" >+</option>
            <option value="1">-</option>
            <option value="2">*</option>
            <option value="3">/</option>
        </select>
        <input type="text" v-model="b">
        <button v-mdoel="jjcc"@click="fun()">=</button>
        <input type="text" v-model="result">
        <button type="reset">重置</button>
    </form>
    </div>
   <script>
        new Vue({
            el:'#app',
            da