VUE課程參考 13 迴圈指令v for

vue中迴圈指令v-for可以迴圈陣列（v-for="item in list"）、迴圈物件（v-for="(val,key) in obj"）、迴圈數字（v-for="count in 10"）

1、v-for迴圈陣列：}

2、v-for迴圈物件：val：}---key：}

3、v-for迴圈數字：}

1、v-for迴圈陣列：}

2、v-for迴圈物件：val：}---key：}

3、v-for迴圈數字：}

作者在寫方法的時候，肯定是最重要的、最常用的引數在前面，就像foreach中的**函式的引數（val、index、arr）為什麼有val、key：因為物件裡面本身就是鍵值對，肯定是要有key和val

val在key前面：因為val比key更常用，作者在寫方法的時候，肯定是最重要的、最常用的引數在前面

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>13、迴圈指令v-for
Vue迴圈指令v for
當需要將乙個陣列遍歷，或者將物件迴圈顯示時，就會用到列表渲染指令v for。它的表示式需結合in來使用，類似item in items的形式，看下面的示例 export default 上面的示例定義了乙個陣列型別的books，用v for將 分割符in前的語句使用括號，第二項就是books當前項的...
VUE課程參考 2 VUE基本使用
1 引入vue.js 3 在模板中使用資料 1 引入vue.js script src script 2 建立vue物件 el 指定根element 選擇器 data 初始化資料 頁面可以訪問 data 3 在模板中使用資料 模板語法 雙大括號 div id div v model指令 第乙個m是m...
VUE課程參考 5 屬性繫結v bind
v bind是vue中繫結屬性的指令，v bind中可以寫合法的js表示式，v bind 指令可以被簡寫為 要繫結的屬性 div id p v bind title mytitle p p v bind title mytitle 這是拼接的內容 p p title mytitle 這是拼接的內容 ...