JS开发引入三方js-base64

介绍

本编文章是关于教你如何在js开发模式下如何引入并使用三方js-base64这个工具。

引入js-base64

1. 在terminal终端输入：cd entry（需要使用js-base64的module）
   
2. 安装js-base64：npm install js-base64 --save，安装成功后如下：
   
3. 上一步还有可以使用另外一种方式安装，找到module-entry下的package.json文件，在这里加上“ “js-base64”: “^3.6.1” ”（这里可以指定版本）。然后在terminal输入：npm install,运行即可。
   
4. 查看js-base64引入后在哪里，执行过npm intall之后，你会发现模块下多了一个node_modules文件夹，没错你安装的东西均在这个里面，打开文件夹你可以看到js-base64。
   
   到这里我们引入js-base64的操作已非常成功的完成了。

使用js-base64

1. 在index.js页面import并使用

import {Base64} from "js-base64";
export default {
    data: {
        title: ""
    },
    onInit() {
        this.title = this.$t('strings.world');
    },
    myclick(){
        let estr = Base64.encode("你好");
        let dstr = Base64.decode(estr);
        console.info("Base64编码:"+estr)
        console.info("Base64解码："+dstr)
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

2. 在index.html页面，调用myclick方法

<div class="container">
    <text class="title" on:click="myclick" >
        {{ $t('strings.hello') }} {{ title }}
    </text>
</div>
1.
2.
3.
4.
5.

3. 运行结果
   

总结

目前仅支持纯js三方包引用，其他纯js的也可以使用此方式，例如：dayjs、lodash等等。