关于在EXT.NET页面中嵌入vue的弊端与应对方法

从本质上来说,vue的开发不适合嵌入到ext.net页面上,因为vue在开发单页页面和数据交互是才可以充分展示其强大的作用,如果是在ext.net页面中嵌入一个vue页面,先不说vue组件无法使用的问题,数据交互与绑定更是一个严峻的问题。


目前在ext.net中嵌入vue有两种办法

第一种:

开发一个独立的html页面,采用AMD方式加载vue库,然后采用普通写法实例化vue,紧接着获通过ajax获取数据并绑定到vue的独立页面上,然后渲染数据,最后在ext.net中通过tabpanel控件load该页面。在这个情况下,vue页面与ext.net页面脱节,数据较难在两个页面内交互,如果在vue页面中想要操作ext.net页面的某个控件将比较曲折,其次,该独立页面采不采用vue其实完全没有区别,因为能抽出来做独立页面的页面大部分都是展示型的页面,交互性不是特别强,用jq可以完全胜任。


第二种:

在原有EXT.NET页面上采用AMD方式加载vue.js的库,然后在某个控件上添加content节点,再通过js去实例化vue,最后完成数据渲染和数据提交。



弊端:数据交互比较麻烦,是vue的一个不太好的用法,无法发挥vue理论上的作用。


对应方法:要深入了解ext.net的开发,了解如何在控件内通讯,如何在页面上通讯,其次vue不要采用npm等方式开发,也不要使用路由、组件等高级用法,这将导致vue代码后期难以修改。


采用嵌入的方式可以实现所需效果,但个人觉得这样开发反而减低了开发效率,因为太小的页面没必要用vue、稍微大点的页面嵌入vue又会显得吃力,最后还是建议嵌入jq页面。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Git介绍 分布式:Git版本控制系统是一个分布式的系统,是用来保存工程源代码历史状态的命令行工具。 保存点:Gi...
    产码Shelby阅读 5,375评论 0 0
  • 性格概要: 敏感、内向、富于表达、戏剧化、热衷于自己的内心想法、个性倔强。 四型人自我意识清醒(能敏感的查觉自己的...
    AllenZ阅读 16,340评论 2 15
  • 文/瑾懿 20180507小确幸:1、和木薯先森的下一阶段正式提上日程;2、一路回家看着天黑黑但是没遇到下雨;3、...
    Elaine瑾懿阅读 471评论 2 1

友情链接更多精彩内容