本文實例講述了Vue.set 全局操作。分享給大家供大家參考,具體如下:
站在用戶的角度思考問題,與客戶深入溝通,找到澄邁網站設計與澄邁網站推廣的解決方案,憑借多年的經驗,讓設計與互聯網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網站制作、成都網站設計、企業(yè)官網、英文網站、手機端網站、網站推廣、域名注冊、網站空間、企業(yè)郵箱。業(yè)務覆蓋澄邁地區(qū)。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue.set 全局操作</title> <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> </head> <body> <h2>Vue.set 全局操作</h2> <hr> <div id="app"> {{count}} <ul> <li v-for="item in arr">{{item}}</li> </ul> </div> <p><button onclick="add()">Add</button></p> </body> </html> <script> var outData={ count:1, goods:'car', arr:[1,2,3,4] } var app = new Vue({ el:'#app', data:outData, }) function add(){ // Vue.set(outData,'count',2) // app.count++; // outData.count++; //用下標的時候改變值的時候就不會渲染 // app.arr[0]=4; //Vue提供了set 來進行渲染 Vue.set(app.arr,1,'json') } </script>
分享名稱:Vue.set全局操作簡單示例-創(chuàng)新互聯
鏈接URL:http://jinyejixie.com/article12/ghegc.html
成都網站建設公司_創(chuàng)新互聯,為您提供全網營銷推廣、企業(yè)建站、移動網站建設、網站內鏈、微信小程序、ChatGPT
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯