vue3 computed 计算属性语法

最新推荐文章于 2024-09-14 12:05:57 发布

李晨飞_

最新推荐文章于 2024-09-14 12:05:57 发布

阅读量141

点赞数

分类专栏： vue3 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/m0_59878114/article/details/125172336

版权

vue3 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<template>
  {{ list }}
  {{ filterList }}
  <button @click="changeList">change list</button>
</template>

<script>
import { computed, ref } from 'vue'
export default {
  setup() {
    const list = ref([1, 2, 3, 4, 5, 6])
    // 输入大于2的数字
    const filterList = computed(() => {
      return list.value.filter(item => item > 2)
    })
    // 修改list的函数
    function changeList() {
      list.value.push(6, 7, 8)
    }
    return {
      list,
      filterList,
      changeList
    }
  }
}
</script>