使用vue及其插件完成加减乘除运算 您所在的位置:网站首页 vue加减乘除代码 使用vue及其插件完成加减乘除运算

使用vue及其插件完成加减乘除运算

2024-07-15 18:00| 来源: 网络整理| 查看: 265

一.工具:HBuilder

二.代码操作:

1.首先将vue.js插件引入

                                             

2.创建一个id为app的div容器来盛一些我们所需要的标签

 

3. 在id为app的容器中加入我们需要的input标签“输入框”和select标签

                    +             -             *             /                         结果是:{ {res}}                             +             -             *             /                         结果是:{ {res1}}                             +             -             *             /                         结果是:{ {res2}}

 input标签中v-model属性是用来进行一个双向绑定在下列data中进行双向绑定

4.使用srcipt标签来定义一个vue方法并绑定id为app的容器

        const vm = new Vue({             el: "#app",             data: {

                 }

        })

5. 在data里面对v-model进行双向



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有