vue项目中引入js-base64方式

当我们在Vue项目中需要进行Base64编解码操作时，可以引入js-base64库来完成。下面将提供完整的引入方式以及两个示例说明：

1. 引入js-base64库

首先，我们需要安装js-base64库。在项目根目录下执行以下命令：

npm install js-base64 --save

接着，在需要使用Base64的Vue组件或者JS文件中引入该库：

import { Base64 } from 'js-base64'

现在我们已经成功引入了js-base64库，可以使用它提供的Base64编解码函数。

2. 示例说明

示例一：Base64编码

有一个字符串变量str，我们需要将其进行Base64编码，在Vue组件的methods属性中添加一个函数：

import { Base64 } from 'js-base64'

export default {
  data() {
    return {
      str: 'hello world'
    }
  },
  methods: {
    encodeStr() {
      const encodedStr = Base64.encode(this.str)
      console.log(encodedStr) // 输出 aGVsbG8gd29ybGQ=
      return encodedStr
    }
  }
}

在上述代码中，我们调用了Base64.encode()方法对this.str进行编码并返回结果。

示例二：Base64解码

有一个经Base64编码过的字符串变量encodedStr，我们需要将其进行Base64解码。在Vue组件的methods属性中添加一个函数：

import { Base64 } from 'js-base64'

export default {
  data() {
    return {
      encodedStr: 'aGVsbG8gd29ybGQ='
    }
  },
  methods: {
    decodeStr() {
      const decodedStr = Base64.decode(this.encodedStr)
      console.log(decodedStr) // 输出 hello world
      return decodedStr
    }
  }
}

在上述代码中，我们调用了Base64.decode()方法对this.encodedStr进行解码并返回结果。

到这里，我们已经学会了在Vue项目中使用js-base64库进行Base64编解码操作的完整攻略。