vue练习题1

最新推荐文章于 2024-08-30 20:29:15 发布

Junju_

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量282

点赞数

分类专栏： vue练习题文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_58451019/article/details/127086982

版权

vue练习题专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在这里插入图片描述

在这里插入代码片<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		
		window.onload = function(){
			new Vue({
				el:'#box',
				data:{
					miter:null,
					kMiter:null
				},
				//计算
				computed:{
					KMiter(){
						if(this.miter == null){
							return this.kMiter = null
						}else{
							return this.kMiter = this.miter*1000;
						}
					},
				}
			})
		}
		
	</script>
	<body>
		
		<div id="box">
			单位换算器 <br>
			千米：<input type="text" v-model.number="miter"> 米：<input type="text" v-model.number="KMiter">
		</div>
		
	</body>
</html>