vue实现简易计算器

顾北564

于 2023-04-02 20:16:03 发布

阅读量150

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_64980629/article/details/129915002

版权

运行截图：

步骤：1.引入js

2.在body中建立一个被vue控制的元素区，id属性值会被vue所引用

3.实例化对象

1.引入js文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="vue.js"></script>
	</head>

2.在body中建立一个被vue控制的元素区，id属性值会被vue所引用

	<body>
    <div id="app">
        <input type="text" placeholder="请输入第一个数" v-model.number="num1">
        <select v-model="sign">
            <option>+</option>
            <option>-</option>
            <option>*</option>
            <option&

最低0.47元/天解锁文章

顾北564

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue实现简易计算器

computed(计算属性)可用于快速计算视图（View）中显示的属性。这些计算将被缓存，并且只在需要时更新。computed设置的初衷是能够解决复杂的计算，而不是直接在模板字符串里进行运算。watch监听的函数接受两个参数，第一个是最新的值，第二个是输入之前的值。普通用法只能监听普通数据类型此方法只能监听普通数据发生变化并对一些值进行操作。2.在body中建立一个被vue控制的元素区，id属性值会被vue所引用。2.在body中建立一个被vue控制的元素区，id属性值会被vue所引用。
复制链接

扫一扫