Vue的条件渲染

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_30404405

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yubaibai/p/10701258.html

在列表渲染的数据

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

	可以用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')
    
-->

转载于:https://www.cnblogs.com/yubaibai/p/10701258.html