reduce 方法在数组的每个元素上执行用户提供的回调函数，即 reducer。它传入对前一个元素进行计算的返回值。结果是单个值。它是在数组的所有元素上运行 reducer 的结果。
它如何工作
reducer 函数逐个遍历数组元素。在每一步中，reducer 函数将当前数组值添加到上一步的结果中，直到没有更多元素要添加。
继续阅读“Web前端-JavaScript中Reduce() 的例子”Apache 配置跨域资源访问
编辑httpd.conf
找下面这行，把#去掉，目的是开启apache头信息自定义模块
JavaScript
#LoadModule headers_module modules/mod_headers.so JavaScript
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Credentials: true
Header set Access-Control-Allow-Headers: "Content-Type, X-Requested-With, Cache-Control,Authorization"
Header set Access-Control-Allow-Methods "GET, POST, PUT"style scoped意义
style 中的 scoped 表示局部作用域,该样式只针对某一个文件例如Home.vue 使用
vue script setup 注意事项
- setup 函数的执行时机是在 beforeCreate 和 created 之间;
- 由于 setup 执行时机是在 created 之间，所以组件才刚刚被创建，而 data 和 methods 还没初始化好，所以无法在 setup 中使用 data 和 methods;
- setup中 this 指向 undefined;
- setup 只能是同步的，不能是异步的;
vue script setup 添加响应式属性
JavaScript
// 首先引入 vue 的 ref 方法
import { ref } from "vue";
const data = ref({a:999})响应式的主要作用还是有些迷糊，理解的地方是，响应式代表，所有引用到这个数据的程式，都会在该数据发生变化时，作出相应的变化。
不理解的是， const d=def(0) 有必要吗？根据早前的开发经验，const data={a:9} ,运行时在 data 中添加了新的属性，这时无法触发变化，所以需要用到响应式。
vue script setup 带默认值的 props 配置
JavaScript
<script setup>
const props = defineProps({
index:{
type: Number, // 强制数据类型
default: 1, // 默认值
required: false, // 不是必需
validator: value=>{ // 验证
return value>=0
}
},
msg: 'hello',
labels: () => ['one', 'two'],
foo: "ddd"
})