首页 > 编程语言 > 详细

数组中哪些方法是响应式的

时间:2020-02-04 14:50:48      阅读:71      评论:0      收藏:0      [点我收藏+]

可变参数:

function sum (...num){

  console.log(num);

}

下面这些方法是响应式的:

技术分享图片

技术分享图片

注意:在Console通过索引值修改数组中的元素,不是响应式的   this.letters[0] = ‘bbbb‘;

技术分享图片

Vue.set()也是响应式的

 

下面这个例子的功能是:单击会使文字变红

 1 <!DOCTYPE html>
 2 <html>
 3  
 4     <head>
 5         <meta charset="utf-8" />
 6         <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 7         <title>单选框,复选框,下拉菜单简单示例</title>
 8     </head>
 9     <style type="text/css">
10         .active{
11             color: #FF0000;
12         }
13     </style>
14     
15     <body>
16     <div id="app">
17     <ul>
18         <li v-for="(item,index) in movies"
19         :class ="{active: currentIndex=== index}"
20         @click="liClick(index)">
21         {{item}}
22         </li>
23     </ul>
24     </div>
25     <script src="vue.js" ></script>
26     <script>
27     vm=new Vue ({
28         el:"#app",
29         data : {
30             movies:[末代皇帝,黑暗骑士,黑暗骑士崛起,海王],
31             currentIndex:0
32         },
33         methods : {
34             liClick(index){
35                 this.currentIndex = index
36             }
37         }
38     })
39     </script>
40     </body>
41  
42 </html>

数组中哪些方法是响应式的

原文:https://www.cnblogs.com/yizhiran/p/12259132.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!