vue3 computed函数

最新推荐文章于 2024-12-05 15:58:12 发布

原创最新推荐文章于 2024-12-05 15:58:12 发布 · 223 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

先引入computed函数，然后在执行

// 计算属性 computed
// 1.先引入computed属性，在执行
import { ref } from "vue";
import { computed } from "vue";
// 定义一个数组
const arrtest = ref([1, 2, 3, 4, 5, 6]);
const computedtest = computed(() => {
  return arrtest.value.filter((item) => item > 2);
});

计算属性中不应该有‘异步操作，修改dom’

避免直接修改计算属性的值