vue3 数组操作，添加、删除

vue3操作数组三种方式

七里长亭不负卿

9827人浏览 · 2022-06-28 10:40:49

七里长亭不负卿 · 2022-06-28 10:40:49 发布

添加

//方式一
const state = reactive({
arr: []
});
state.arr = [1, 2, 3]

//方式二
const state = ref([])
state.value = [1, 2, 3]

//方式三
const arr = reactive([])
arr.push(...[1, 2, 3])

删除

//方式一、方式二 都可以直接通过赋值覆盖
state.arr = []
state.value = []

//方式三 不能直接赋值覆盖
arr.length = 0

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport