用vue框架写一个简易计算器

最新推荐文章于 2024-01-26 10:14:11 发布

a183794_

最新推荐文章于 2024-01-26 10:14:11 发布

阅读量76

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/a183794_/article/details/129910186

版权

本文展示了如何运用Vue框架创建一个基本的计算器应用。通过引入Vue模块，实例化对象，定义methods、computed和watch方法，实现了计算器的加减乘除功能。最终呈现出一个交互式的网页计算器。

摘要由CSDN通过智能技术生成

代码：

生成一个页面

<!DOCTYPE html>
<html>
	<head>
		<meta  charset = UTF-8/>
		<title></title>
	</head>
	<body>
	</body>
</html>

利用<script src="">引入vue模块：

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

实例化对象：

<!DOCTYPE html>
<html>
	<head>
		<meta  charset = UTF-8/>
		<title></title>
		<script src="./lib/vue.js"></script>
	</head>
	<body>
			<div  class="app"></div>
			<script>
					var vm = new Vue({				
							el: '#app',						
							data: {}															
					})
			  </script>
	</body>
</html>

methods方法：