vue3中给函数设置默认参数值
时间: 2024-10-11 14:15:53 浏览: 22
何时/使用 Vue3 render 函数的教程详解
在Vue3中,当你需要给函数设置默认参数值时,可以像在JavaScript中一样直接为参数提供初始值。这有助于提高函数的复用性和灵活性,特别是当某些参数在大部分情况下保持不变时。
例如,在组件的methods选项中定义一个方法:
```javascript
export default {
methods: {
fetchData(options = {}) {
// 如果没有传入options,默认情况下...
const defaultOptions = { key: 'defaultKey', url: 'https://api.example.com' };
return axios.get(defaultOptions.url, { ...defaultOptions, ...options });
}
}
}
```
在这个例子中,`fetchData`方法接受一个名为`options`的对象作为参数,如果这个对象为空(即没有传递任何参数),则会使用预设的默认选项`{ key: 'defaultKey', url: 'https://api.example.com' }`。如果用户传递了自定义选项,它们将合并到默认选项上。
阅读全文