本文介绍了如何在Dorado7环境中使用Vue和Element-UI。方法包括通过iFrameTab加载Vue的HTML页面及直接在Dorado中引入远程的Vue.js和Element-UI库。由于Eclipse版本限制，无法本地处理es6语法，所以推荐使用远程文件。在w3c-html4-template.html中添加资源引用，并在htmlContainer的onReady事件中写入初始化JS代码。若仅使用Element-UI样式，可直接引入无需额外处理。
文章目录
使用环境：
dorado7+eclipse4.3
方式1：通过iframTab控件加载使用vue的html页面
此方式通过写vue页面，然后通过iframTab控件的path属性加载整个页面
方法2 ：直接在dorado中使用vue和element-ui
方法1不够灵活，想在dorado中直接使用vue和element-ui，怎么办？
不能使用把相关css和js文件下载到本地
由于 vue 中使用了 es6，而 eclipse 4.3 版本太低，不能安装 enide2015 来解决 es6 问题，所以只能使用远程文件
使用远程文件
- 步骤1 ：WebContent/WEB-INF/dorado-home/w3c-html4-template.html，是所有该项目的 view 视图都会加载的模板，所以直接在其中添加 vue.js 和 element-ui 的 css 和 js 文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8">
#outputPageHeader()
<link rel="stylesheet
最低0.47元/天 解锁文章
146
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
