js中的_是什么意思(比如 _.shuffle(this.items))
一、总结
一句话总结:
a、_是一个变量名。这里是一个全局变量。lodash和Underscore会把自己的代码都放在这个变量内。
b、和jQuery的 $同理。主要是打字方便。
二、js中的_是什么意思(比如 _.shuffle(this.items))
博客对应课程的视频位置:
_是一个变量名。
这里是一个全局变量。
lodash和Underscore会把自己的代码都放在这个变量内。
和jQuery的 $同理。
主要是打字方便。
例如vue中的列表动画(用lodash.js)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue列表动画</title> 6 <style> 7 .flip-list-move { 8 transition: transform 1s; 9 } 10 </style> 11 </head> 12 <body> 13 <!-- 14 15 <transition-group> 组件还有一个特殊之处。 16 不仅可以进入和离开动画,还可以改变定位。 17 要使用这个新功能只需了解新增的 v-move attribute,它会在元素的改变定位的过程中应用。 18 像之前的类名一样,可以通过 name 属性来自定义前缀,也可以通过 move-class 属性手动设置。 19 20 v-move 对于设置过渡的切换时机和过渡曲线非常有用 21 22 23 js中的_是什么意思(比如 _.shuffle(this.items)) 24 25 _是一个变量名。 26 这里是一个全局变量。 27 lodash和Underscore会把自己的代码都放在这个变量内。 28 jQuery的 $同理。 29 主要是打字方便。 30 31 32 33 34 --> 35 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.14.1/lodash.min.js"></script> 36 <script src="https://cdn.bootcss.com/lodash.js/4.17.15/lodash.js"></script> 37 38 <div id="flip-list-demo" class="demo"> 39 <button v-on:click="shuffle">Shuffle</button> 40 <transition-group name="flip-list" tag="ul"> 41 <li v-for="item in items" v-bind:key="item"> 42 {{ item }} 43 </li> 44 </transition-group> 45 </div> 46 <script src="../js/vue.js"></script> 47 <script> 48 let vm = new Vue({ 49 el: '#flip-list-demo', 50 data: { 51 items: [1,2,3,4,5,6,7,8,9] 52 }, 53 methods: { 54 shuffle: function () { 55 this.items = _.shuffle(this.items) 56 //console.log(_); 57 } 58 } 59 }) 60 </script> 61 </body> 62 </html>