本文實例講述了Vue.set 全局操作。分享給大家供大家參考,具體如下:

<!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全局操作簡單示例-創新互聯
鏈接URL:http://www.js-pz168.com/article12/ghegc.html
成都網站建設公司_創新互聯,為您提供全網營銷推廣、企業建站、移動網站建設、網站內鏈、微信小程序、ChatGPT
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯