geyao.vue

<template><view><view>{{msg}}</view><view>{{'你好'+'世界'}}</view><image v-bind:src="imgUrl" mode=""></image><view v-for="(item,index) in arr">序號:{{index}}名字:{{item.name}},年齡:{{item.age}}</view></view> </template><script>export default {data() {return {msg:'hello',imgUrl:"../../static/2.jpg",arr:[{name:'宋小寶',age:20,id:1},{name:'宋小寶',age:20,id:1},{name:'歌謠',age:20,id:1}]}},methods: {}} </script><style></style>

運行結果

總結

以上是生活随笔為你收集整理的前端学习（2358）：v-bind和v-for的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。