Vue小小点

1. 数组过滤问题

       <script> 
        //现有一个数组想过滤掉不需要的数据，又不想写for循环的简便方法
		new Vue({
			el:"#app",
			data:{
				carts:[
				{
				 checked:true//是否勾选(true：勾选，false：未勾选）	
				}
			
				] //购物车
			},
			methods:{
				getCarts(){
				//过滤   后  重新赋值
			       this.carts=this.carts.filter(c=>c.checked)	 
				   }
				   
               }
		})
		</script>

	 

2.把一个数组中的一个对象（a） 赋值给一个对象（b），当改变 b时a也随着改变，解决此问题：

 

  <script> 
       
		new Vue({
			el:"#app",
			data:{
				cart:{},  
				carts:[] //购物车
			},
			methods:{
				getCart(index){
				  //用JSON转换   这样一倒腾就不会出想 数据串乱的问题了
			       let str =JSON.stringify( this.carts[index])
					this.cart=JSON.parse(str)
				   }
				   
               }
		})
		</script>
      

3. 获取路径参数

http://www.ypg.com/list.html?cat_id=231
location.search.match(/cat_id=(\d+)/)[1]

 

  <script> 
       
		new Vue({
			el:"#app",
			data:{
				catid:location.search.match(/cat_id=(\d+)/)[1]  //  得到的是231
			} 
		})
		</script>