Vue的条件渲染

佚名 6年前 (2019-04-13) 随笔 1383人围观抢沙发百度已收录

在列表渲染的数据

key值不宜用index 一般使用后台传入数据的id
key值增加代码可读性

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

	可以用template进行包裹，并且不会被渲染到页面上
				<template v-for="(item,index) in list"  :key="item.id">
				<div >
				序号：{{index}}-----
			     </div>
		    	<span>{{item.content}}</span>
				</template>
			-->

改变数组内容：

 Vue.set(app.数组, 下标, 改变的值)

Vue数组的操作

push：增加一条
pop：删除数组最后一项
shift：删除数组第一项 
unshift：想数组第一项加内容
splice：做数组的截取 splice（下标号，删除几条，{往里增加一条 }）
sort：数组的排序
reverse：数组取反
set：改变任意

<!--在console里面
    添加一个数组
    方法一：直接对对象重新赋值
    app.list={
        name:'123',
        id:'4',
        content:'hhhhhh'  
    }
    方法二：这个是键值对
    Vue.set(app.list, 'id','111')
    
-->