博客列表 >VUE版九九乘法表

VUE版九九乘法表

十二月的博客
十二月的博客原创
2018年11月05日 11:36:052326浏览

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
  <div>
    <div v-for="i in 9">
    	<span v-for="j in i">
			{{ j }} * {{ i }} = {{ j * i }}  
			<span v-if="j * i < 10 ">
				<span v-if="j == 2">
					     
				</span>
			</span>
			<span v-else>
				  
			</span>
    	</span>

    </div>
  </div>
</div>
 
<script>
	new Vue({
	  el: '#app'
	});
</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议