码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-02-04 14:09:13      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:UNC   head   http   png   mamicode   title   bsp   nbsp   tle   

可变参数:

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>

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

标签:UNC   head   http   png   mamicode   title   bsp   nbsp   tle   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!