关于在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页面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值