鍦╒ue涓紝鍙互浣跨敤v-for鎸囦护鏉ラ亶鍘嗕竴涓暟缁勶紝骞惰幏鍙栨寚瀹氬厓绱犮€?/p>

棣栧厛锛屽湪Vue鐨?code>data閫夐」涓畾涔変竴涓暟缁勶紝骞跺寘鍚渶瑕侀亶鍘嗙殑鍏冪礌锛?/p>

data() {
return {
items: ['item1', 'item2', 'item3', 'item4']
}
}

鐒跺悗锛屽湪HTML妯℃澘涓娇鐢?code>v-for鎸囦护鏉ラ亶鍘嗘暟缁勶紝骞朵娇鐢?code>:index鏉ヨ幏鍙栧厓绱犵殑绱㈠紩鍊硷細

<ul>
<li v-for="(item, index) in items">
{{ item }} - {{ index }}
</li>
</ul>

鍦ㄤ笂闈㈢殑绀轰緥涓紝item琛ㄧず褰撳墠閬嶅巻鐨勫厓绱狅紝index琛ㄧず鍏冪礌鍦ㄦ暟缁勪腑鐨勭储寮曞€笺€備綘鍙互鏍规嵁闇€瑕佷娇鐢?code>item鍜?code>index鏉ヨ幏鍙栨寚瀹氱殑鍏冪礌鎴栫储寮曘€?/p>

濡傛灉瑕佽幏鍙栨寚瀹氱储寮曚綅缃殑鍏冪礌锛屽彲浠ヤ娇鐢?code>items[index]鏉ヨ幏鍙栵細

<p>{{ items[2] }}</p> <!-- 鑾峰彇绗笁涓厓绱?-->

甯屾湜浠ヤ笂瑙ｇ瓟鑳藉甯埌浣狅紒濡傛湁鍏朵粬闂锛岃缁х画鎻愰棶銆?/p>