单行工具函数

            
            <!-- 示例代码 -->
<div>
    1.通过Array.prototype.filter()函数并使用Boolean函数作为回调。它将会从数组中删除所有假值（ 0，false，null，undefined，''，NaN）。

    <p>{{ cleanedArray( [ 0, 1, false, 2, '', 3 ]) }}</p>
</div>

<div>
    2. 删除数组重复数据
    <p>{{ unique( [1, 2, 2, 3, 4, 4, 5]) }}</p>
</div>

<div>
    3.将 url 问号后面的查询字符串转为对象
    <p>
        {{parseQuery("name=John&age=30")}}
    </p>
</div>

<div>
    4.将秒数转换为时间格式的字符串
    <p>
        {{toTimeString(3661)}}
    </p>
</div>
        

            
            /* 示例代码 */
div{
  padding:10px;
}
        

            
            // 示例代码
import {
    ref
} from "vue"

// 1.通过Array.prototype.filter()函数并使用Boolean函数作为回调。它将会从数组中删除所有假值（ 0，false，null，undefined，''，NaN）。
const cleanedArray = arr => arr.filter(Boolean);

// 2. 删除数组重复数据
const unique = arr => [...new Set(arr)];

// 3.将 url 问号后面的查询字符串转为对象
const parseQuery = query => Object.fromEntries(new URLSearchParams(query));

// 4.将秒数转换为时间格式的字符串
const toTimeString = seconds => new Date(seconds * 1000).toISOString().substr(11, 8);