Vue.js 获取 list 数组中所有 AU 属性值

<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item.id">{{ item.AU }}</li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [
        { id: 1, AU: 'AU1', value: 'value1' },
        { id: 2, AU: 'AU2', value: 'value2' },
        { id: 3, AU: 'AU3', value: 'value3' },
      ],
    };
  },
};
</script>
<p>在上面的代码中，我们使用了 <code>v-for</code> 指令遍历 <code>list</code> 数组，并将每个元素的 <code>AU</code> 属性渲染到页面上。这样就可以获取 list 中所有 AU 的值了。</p>