vue學習（九） set用法

阿新 • • 發佈：2018-12-19

1，示例程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <div v-for="(item,index) of list" :key="item.id">
            {{item.id}}
        </div>


        <div v-for="(item,key,index) of userInfo">
            {{item}}  --- {{key}}  ---{{index}}
        </div>

    </div>

    <script>
        //Vue.set(app.list,1,{id:'003',name:'hhhh'})
        //app.$set(app.list,0,{id:'004',name:'ahshhs'})
        //Vue.set(app.userInfo,'sex','男')
        //app.$set(app.userInfo,'phone','12345678')
        var app=new Vue({
            el:"#app",
            data:{
                content:'hello vue',
                list:[{
                    id:"001",
                    name:'zhangsan'
                },{
                    id:'002',
                    name:'lisi'
                }],
                userInfo:{
                    id:'123',
                    name:'zhangsnah',
                    age:29,
                    address:'shanghai'
                }
            }
        })
    </script>
</body>
</html>

2，在控制檯輸入

Vue.set(app.list,1,{id:'003',name:'hhhh'})

//app.$set(app.list,0,{id:'004',name:'ahshhs'})

Vue.set(app.userInfo,'sex','男')

//app.$set(app.userInfo,'phone','12345678')

頁面會及時更新

3，運算元組有7中方法

push pop shift unshift splice sort reverse

vue學習（九） set用法

1，示例程式碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g

C++學習（九）入門篇——String類

允許 res fort ngs 結果初始化 ant content app 可以用string類而不是字符數組來存儲字符串，string更加簡單要是用string類，則要在程序中包含頭文件string，且位於std名稱空間中，string類隱藏了字符串的數組性質，可以像

linux學習（九）set_uid、set_gid、stick_bit、軟鏈接、硬鏈接

private char 就是 bug spec deb date scrip usr 一、set_uid set_uid其實是一種特殊權限，我們看一個文件： [root@iZ25lzba47vZ ~]# ls -l /usr/bin/passwd -rwsr-xr-x.

React Native學習（九）—— 使用Flexbox布局

styles BE art 分享圖片 category urn def ger p s 本文基於React Native 0.52 Demo上傳到Git了，有需要可以看看，寫了新內容會上傳的。Git地址 https://github.com/gingerJY/React-N

機器學習（九）—邏輯回歸與SVM區別

ongl 需要自帶 www. 不理解就是 clas 決策技術 1、LR和SVM有什麽相同點　　（1）都是監督分類算法；　　（2）如果不考慮核函數，LR和SVM都是線性分類算法，也就是說他們的分類決策面都是線性的；　　（3）LR和SVM都是判別模型。 2、LR和S

C++學習（九）之項目推箱子遊戲

bgm 控制臺兩個分享加載圖片 eat gethwnd put init 遊戲制作推箱子步驟分析 1、模板 2、模板分析組成元素：空地墻人目的地箱子背景 3、如何操作通過WASD鍵盤操作人，推著箱子，到達目

操作系統學習（九）、訪問數據段時的特權級檢查

區域系統才會使用執行有效以及選擇改變為了訪問數據段中的操作數，數據段的段選擇符必須被加載進數據段寄存器(DS,ES,FS或GS)或堆棧段寄存器(SS)中。可以使用指令MOV、POP、LDS、LES、LFS、lGS和LSS來加載段寄存器。在把一個段選擇符加

C++語言學習（九）——C++標準庫簡介

模塊使用 sse libstdc++ 約定 ngs 列表 oss 雜項 pri C++語言學習（九）——C++標準庫簡介一、C++標準庫簡介 1、C++標準庫簡介 C++標準庫（C++ Standard Library），是類庫和函數的集合。?C++編譯器廠商根據C++標

強化學習（九）與Deep Q-Learning進階之Nature DQN

cal variable 模型基礎討論比較 .com 回放均方差　　　　在強化學習（八）價值函數的近似表示與Deep Q-Learning中，我們講到了Deep Q-Learning（NIPS 2013）的算法和代碼，在這個算法基礎上，有很多Deep Q-Lear

機器學習之numpy和matplotlib學習（九）

這節課我們來學習numpy的一些基本的操作和屬性。為什麼這樣安排學習課程呢？我覺得這樣交叉學習，使用到什麼的時候就去檢視，對於numpy也好還是matplotlib的學習也好。他們的內容有很多，要想全部掌握還是很難的，只有不斷的自己去實踐，遇到什麼不知道的問題就去學習。而

java分散式系統部署學習（九）ansible-playbook進階

一、併發執行 ansible預設只會建立5個程序,所以一次任務只能同時控制5臺機器執行.那如果你有大量的機器需要控制,或者你希望減少程序數,那你可以採取非同步執行.ansible的模組可以把task放進後臺,然後輪詢它.這使得在一定程序數下能讓大量需要的機器同時運作起來. 使用asy

JMeter學習（九）FTP測試計劃

FTP服務主要提供上傳和下載功能。有時間需要我們測試伺服器上傳和下載的效能。在這裡我通過JMeter做一個FTP測試計劃的例子。 1.建立一個執行緒組 2.執行緒組--->新增--->配置元件--->FTP請求預設值：輸入伺服器名稱或IP。 3.

vue學習（一）、Vue.js簡介

Vue.js 五天湯小洋一、 Vue.js簡介1. Vue.js是什麼Vue.js也稱為Vue，讀音/vju:/，類似view，錯誤讀音v-u-e 版本：v1.0 v2.0是一個構建使用者介面的框架是一個輕量級MVVM（Model-View-ViewModel）框架，和angular、react類似，其實就

機器學習與深度學習系列連載：第二部分深度學習（九）Keras- “hello world” of deep learning

Keras Kearas 是深度學習小白程式碼入門的最佳工具之一。如果想提升、練習程式碼能力，還是建議演算法徒手python實現。複雜的深度神經網路專案還是推薦TensorFlow或者Pytorch Keras是一個高層神經網路API，Keras由純Pyt

pandas_cookbook學習（九）——apply

Apply應用函式： In [135]: df = pd.DataFrame(data={'A' : [[2,4,8,16],[100,200],[10,20,30]], 'B' : [['a','b','c'],['jj','kk'],['ccc']]},index=['I','I

Java中io流的學習（九）ByteArrayInputStream和ByteArrayOutputStream

ByteArrayInputStream（記憶體輸入流）繼承於InputStream，ByteArrayOutputStream（記憶體輸出流）繼承於OutputStream。記憶體流是關不掉的，一般用來存放一些臨時性的資料，理論值是記憶體大小。常用的方法是：read（），一系列read方法，

vue學習（四）登陸、註冊、首頁模板頁區分

按照上面文章配置完畢後，會發現有個問題，我登陸頁面、註冊頁面是不需要檢視頁的。開始配置路由重新配置main.js 引入 import App from './App' //引入vue元件更改啟動項 new Vue({ el: '#app', router: Rou

Koa2學習（九）與mongoDB互動

Koa2學習（九）與mongoDB互動資料庫下載與安裝 windows下載地址：http://dl.mongodb.org/dl/win32/x86_64 linux下載地址：https://www.mongodb.com/download-center#community 安裝教程略資料庫驅動

Koa2學習（九）與mongoDB交互

實現成功對象內部數據流程 bject 連接數 god 令行 Koa2學習（九）與mongoDB交互數據庫下載與安裝 windows下載地址：http://dl.mongodb.org/dl/win32/x86_64 linux下載地址：https://www.mo

ｂｕｉｌｄｒｏｏｔ學習（九）——ａｔ９１ｓａｍ９ｇ４５軟體平臺更新

轉載地址：https://blog.csdn.net/srf1986/article/details/52462992 剛剛把昨天的內容補了下，完成了ｂｕｉｌｄｒｏｏｔ開發板安裝和執行，解決了有無問題，下面繼續ｂｕｉｌｄｒｏｏｔ提供的工具的學習，其實之前和現在的目的，就是開啟ｂｕｉｌｄｒｏｏｔ工

vue學習（九） set用法

相關推薦