Vue 中如何在 JS 中编码和解码？

在 Vue 中，你可以使用 JavaScript 内置的 encodeURIComponent() 和 decodeURIComponent() 方法来进行 URL 编码和解码。这些方法在 Vue 中可以直接使用，与普通的 JavaScript 使用方法相同。

编码（Encode）

encodeURIComponent() 方法用于将字符串进行 URL 编码，将特殊字符转换成 UTF-8 编码的格式，以便在 URL 中安全地传输。

const originalString = 'Hello, Vue.js!';
const encodedString = encodeURIComponent(originalString);
console.log(encodedString); // 输出编码后的字符串

解码（Decode）

decodeURIComponent() 方法用于将经过编码的字符串进行解码，将编码后的字符转换回原始字符。

const encodedString = 'Hello%2C%20Vue.js%21';
const decodedString = decodeURIComponent(encodedString);
console.log(decodedString); // 输出解码后的字符串

这些方法可以用于处理 URL 参数或其他需要编码和解码的字符串，确保数据的传输和展示不会出现问题。在 Vue 中使用这些方法时，与在普通 JavaScript 中使用没有任何区别。