Vue 简明使用--for 循环
Posted wdh01
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 简明使用--for 循环相关的知识，希望对你有一定的参考价值。
下面我们一起看下 Vue 中如何实现 打印 乘法表：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <table border="1"> <tr v-for="i in num"> <td v-for="j in i">{{j}} * {{i}} = {{j*i}}</td> </tr> </table> </div> <script> var app = new Vue({ el:‘#app‘, data:{ num:9 } }) </script> </body> </html>
执行代码查看页面效果：
通过控制台修改 num 的值来查看效果;
以上是关于Vue 简明使用--for 循环的主要内容，如果未能解决你的问题，请参考以下文章
c_cpp 这个简单的代码片段显示了如何使用有符号整数在C中完成插值。 for（）循环确定要插入的范围
如何使用引导程序和 for 循环在 django 中创建电影片段？