本篇内容主要讲解“怎么快速创建一个SpreadJS的Vue项目”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么快速创建一个SpreadJS的Vue项目”吧!

成都创新互联公司于2013年开始，先为泽库等服务建站，泽库等地企业，进行企业商务咨询服务。为泽库企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

安装vue-cli（耗时30S）

通过命令```npm install -g @vue/cli ```安装（https://）

创建vue-spreadjs工程（耗时1Min）

请根据项目需求配置工程选项：

通过npm install 或者在package.json中添加引用的方式安装spread.sheets（耗时20S）

"@grapecity/spread-excelio": "^11.2.3",
"@grapecity/spread-sheets": "^11.2.3",
"@grapecity/spread-sheets-print": "^11.2.3",
"@grapecity/spread-sheets-resources-zh": "^11.2.3",
"@grapecity/spread-sheets-vue": "^11.2.3",

修改router/index.js为spreadJS页面添加router（耗时30S）

routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
},
{
path: '/spreadjs',
name: 'spreadJS',
component: SpreadJS
}
]

新建SpreadJS Component（耗时30S）

请在 components 下添加SpreadJS.vue文件

template 内容：

Style内容：

Script内容：

workbookInitialized是spread初始化完成后的回调事件，我们可以在事件中得到初始化好的workbook对象。

部署授权需要同时给Sheets和ExcelIO同时添加，部署授权可以在全局config中配置。

到此，相信大家对“怎么快速创建一个SpreadJS的Vue项目”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

当前标题：怎么快速创建一个SpreadJS的Vue项目
文章URL：http://myzitong.com/article/jpeodi.html