更新表单数据和头像功能（用axios.put）

// 步骤
            // 1. 给form表单注册submit事件
            // 2. 阻止表单的默认行为
            // 3. 收集表单数据 ==> serialize()
            // 4. axios发送请求，提交表单数据进行保存

            //1.
            form.addEventListener('submit', async function (e) {
                //2.
                e.preventDefault()

                //3.
                //注意：得导入serialize函数所需的js文件
                //<script src="./lib/form-serialize.js"></script>
                // serialize(this) //键值对字符串格式  'name=lw&age=19'
                // json字符串  '{"name": "lw", "age": 19}'

                let data = serialize(this, { hash: true }) //js对象

                // serialize 收集的数据，缺少 avatar 头像的数据，
                // 如何解决，使用隐藏域的知识点 type="hidden"  作用：存avatar头像数据，从而serialize 收集到该数据

                //4.
                let { data: res } = await axios.put('/api/settings', data)
            })