vuejsLearn v for列表渲染

2022-07-21 02:45:11 字數 1699 閱讀 4786

vue.js是乙個構建資料驅動的web介面的庫。重點集中在mvvm模式的viewmodel層,因此非常容易與其它庫或已有專案整合

vue.js 的核心是乙個響應的資料繫結系統,它讓資料與dom保持同步非常簡單

如下列表展示,當我們從後端介面或者json檔案使用ajax獲取資料之後現實到頁面,我們有n中方式去把資料渲染到頁面

1.使用js的for迴圈去遍歷填充

2.ng的ng-repeat

今天我們使用vue.js的v-for

一、html

<

div

class

="shop_list_box"

>

<

ul>

<

li><

span

>蚌埠

span

><

span

>鳳陽東路

span

>

li>

<

li><

span

>蚌埠

span

><

span

>鳳陽東路

span

>

li>

ul>

div>

二、json資料節點

三、使用v-for繫結資料到頁面上

引用vue.js,請求資料成功之後例項化乙個vue。el是繫結到那個元素下

注意這裡時乙個陣列裡麵包了一些物件---->{}或者[{},{},{}]

到這裡就ok了。

不過也可以使用template v-for

}也可以使用v-text=」 item.city」代替,優點是資料沒有載入完時不會看到}佔位符

Oracle 列操作 增加列,修改列,刪除列

alter table 表名 add 列名 varchar2 10 alter table 表名 modify 列名 varchar2 20 alter table 表名 drop column 列名 這裡要注意幾個地方,首先,增加和修改列是不需要加關鍵字column,否則會報錯ora 00905。...

SQL 增加列 修改列 刪除列

sql語句增加列 修改列 刪除列 1.增加列 alter table tablename add columnname varchar 30 2.1.修改列型別 alter table tablename alter column columnname varchar 4000 2.2.修改列的名稱...

MySQL 新增列,修改列,刪除列

alter table 新增,修改,刪除表的列,約束等表的定義。sp rename sqlserver 內建的儲存過程,用與修改表的定義。mysql 檢視約束,新增約束,刪除約束 新增列,修改列,刪除列 sp rename sqlserver 內建的儲存過程,用與修改表的定義。先刪除主鍵 alter...