Vue.set全局操作簡單示例-創(chuàng)新互聯

本文實例講述了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)新互聯

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

Vue.set全局操作簡單示例-創(chuàng)新互聯