Vue_v-bind_显示图片

<head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="container"> {{code}} <br> 从vm中获取的数据为 {{str}} {{stu.stuNum}}<br> {{stu.stuName}}<br> {{stu.stuGender}}<br> <!-- v-if条件 --> <!-- v-if可以直接从 data 中取值 --> <label v-if="stu.stuGender == 'M' ">男</label><br> <label v-if="stu.stuGender == 'F' ">女</label>


















序号 学号 头像 姓名 性别 年龄
{{index + 1}} {{s.stuNum}}

{{s.stuName}}


{{s.stuAge}}




直接 : , 同样显示

v-bind

绑定 标签属性
v-bind 可简写为 :

posted on 2022-08-12 15:00  beyondx  阅读(211)  评论(0)    收藏  举报

导航