Vue.set全局操作簡單示例-創新互聯
本文實例講述了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。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
- 如何進行網站內鏈優化？內部鏈接優化方法是什么？ 2022-08-15
- 合理使用網站內鏈有利于網站SEO 2020-07-17
- 成都企業網站內鏈建設優化要怎樣做? 2023-04-04
- SEO如何優化網站內鏈效果最好？可以在哪些方面著手呢？ 2022-05-25
- 網站制作和網站內鏈有什么聯系呢？如何給自己的網站定位？ 2021-05-11
- 如何優化營銷網站內鏈提升網站收錄和關鍵詞排名? 2022-08-13
- 網站內鏈的重要性 2022-11-29
- 網站內鏈建設以及權重傳遞分配 2021-08-11
- 濟寧信息推廣菏澤網站推廣網站內鏈的設置對網站優化排名的影響有哪些？ 2023-02-04
- 網站內鏈在網站優化中又有什么作用？ 2023-04-14
- ?網站內鏈建設的技巧和注意事項分析 2023-03-08
- 成都關鍵詞排名：網站內鏈優化 2016-11-13