如何在vue中使用类,如何在vue中使用bootstrap
本文主要介绍如何在Vue中使用protobuf。protobuf是google推出的，独立于语言，独立于平台。几乎支持当前大部分语言，比如JavaScript。以下更多信息，可以参考朋友。
Protobuf是google推出的独立于语言、独立于平台、可扩展的序列化数据结构协议。它类似于XML，但比XML更小、更快、更简单。Protobuf几乎支持当前大多数语言，比如JavaScript。
安装protobufjs
cnpm I-S protobujs
注意：protobufjs的当前版本是：6.11.2
在项目的src目录下新建一个proto目录，把后端给的test.proto文件放进去。
语法= proto3//第一行指定正在使用proto3语法：如果不指定，编译器将使用proto2。这个指定的语法行必须是文件的第一行，并且不是空的或注释的。
消息地址
{
字符串省=1；
字符串city=2；
字符串county=3；
}
打开dos窗口，执行以下命令将proto文件转换成js文件。执行大约需要15秒。成功执行后，会在src/proto文件夹中创建proto.js文件。
npx pbjs-t JSON-module-w common js-o src/proto/proto . js src/proto/*。样机
注意：-w参数可以指定包装js的包装器。这里用的是commonjs。的。proto file可以生成js文件，也可以生成json文件。通常更容易打包成js模块，因为vue在生产环境下打包后只有html、css、js等文件。生成json文件的命令是：
npx pbjs -t json src/proto/*。proto src/proto/proto.json
引入proto.js：
从“@/proto/proto.js”导入protoRoot
先打印看看protoRoot内容：
基本使用：
模板
div class=" main " main/div
/模板
脚本
从“@/proto/proto.js”导入protoRoot
导出默认值{
data() {
return { }；
},
已安装(){
let test obj=proto root . lookup( Address )。create()；
Testobj.province=四川省；
Testobj.city=成都；
Testobj.county=中国；
console.log(testobj:，testobj)；
//编码数据
let testObjBuffer=proto root . lookup( Address )。编码(testobj)。finish()；
console.log(testObjBuffer:，testObjBuffer)；
//解码数据
let testdata=proto root . lookup( Address )。decode(testObjBuffer)；
console.log(testdata:，test data)；
},
};
/脚本
为以后方便使用，我们可将命令添加到package.json的script中：
proto : pbjs-t JSON-module-w common js-o src/proto/proto . js src/proto/*。“原型”
在将来更新proto文件之后，只需要npm run proto来重新生成最新的proto.js
使用axios发起请求时，需要注意设置axios的请求类型使用arraybuffer：
从“axios”导入axios
const httpService=axios . create({
超时：45000，
方法： post ，
标题：{
x-Requested-With : XMLHttpRequest ，
“内容类型”:“应用程序/八位字节流”
},
response type:“array buffer”
})
关于如何在Vue中使用protobuf的这篇文章到此为止。关于在Vue中使用protobuf的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。