Bootstrap

用vue做一个简单的网页计算器

一:代码实现

1:首先引用vue

<script src="js/vue.js"></script>

2:然后定义input,符号与下拉栏。用v-model进行双向绑定。

<body>
    <div id="app">
        <input type="text" placeholder="请输入第一个操作数" v-model.number="num1" />
        <select v-model="opt">
            <option>+</option>
            <option>-</option>
            <option>*</option>
            <option>/</option>
        </select>
        <input type="text" placeholder="请输入第一个操作数" v-model.number="num2" />
        <button @click="nnn">计算</button><br>
        <strong>{
  {result}}</strong> <br>
        <strong>{
  {yyy}}</strong> <br>
        <strong>{
  {ans}}</strong>
;