九九乘法表
直接上代码 ↓
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>久久乘法表</title><script src="./node_modules/_vue@2.6.11@vue/dist/vue.js"></script><!-- 之前已终端安装了 vue,所以这里直接引用了 npm i vue --> </head><body><div id="box"> <!-- 遍历 --><p v-for="item1 in arr"><span v-for="item2 in arr" v-show="item1>=item2"><!-- 遍历 -->{{item2}}*{{item1}}= {{item1*item2}} <!-- 添加空格 纯粹是为了美观点 --></span></p></div><script>new Vue({el:'#box',data:{arr:[1,2,3,4,5,6,7,8,9] //九个小朋友}})</script>
</body>
</html>
emmmmm 可能有点不支持，但是用在软件上不会发生错误，我在vscode，就没有任何错误，但在这，-，- 变绿了。。。。应该是第十五行，没有识别出来。。。不过。。。哈 无伤大雅，不影响结果，需要的可以拿去用 =。=
谢谢阅读1.1