Vue+Axios+Vuex+Vux+Vue-Router全家桶搭建前端框架

2023-01-28 0 537

不知从何时能起,后端开发变为两件产业化的事情,曾的风靡一时的Jquery如今也渐渐选择退出历史的T台,原本的是更最前沿的技术;后端架构不断涌现,Angular 2+,React + Redux,Dojo 2,Vue。。。之类,太少了,那他们怎样在这繁复的架构中优先选择两个最合适的呢?其实也无从,秉持工作效率第一的原则,具体来说他们必须优先选择两个能提高他们管理工作效率的,因此这时就要对他们有两个单纯的了解,单纯说一下:

一、Angular借力于DharmapuriGoogle,应用很广泛,因此相对而言较为成形稳定许多,然而他有许多较为艰涩艰涩的句法,单向存取不是难认知;因此自学生产成本相对而言较为大,侧发力无从,更何况极难与原有工程项目点对点结合,投资生产成本也就高了;

二、再来看一看React,早年千金小姐FaceBook,街道社区较为多,因此还能虚拟化运行,React-Native能实现一次撰写,Android、苹果公司、web携夫;但是自学也需要一两年,而且中后期保护也无从;其他的他们就不逐一介绍了,最后来看一看今天的重头Vue;

三、Vue,值得称赞他们自豪的是,儒者发明者的,这款渐进架构,能与原有工程项目点对点结合,换句话说原有工程项目能逐步预览代替采用vue;采用她能让他们无须过多的分心去处理数据怎么展现并行,让他们著眼于核心理念业务层;她的积极响应式不足以让他们爽摇曳~~

a、现在他们看一看怎样加速构筑后端架构;具体来说他们毕竟node环境下开发,借助于webpack装箱工具,加装vue-cli;

npm install -g vue-cli

b、加装完成之后他们就能采用vue指示了;由于他们采用Vux2因此他们建立工程项目就是这样:

vue init airyland/vux2 projectName

c、建立之后,进入目录,他们加装依赖:

npm install

网速慢的话,他们采用淘宝镜像

npm install –registry=https://registry.npm.taobao.org

Vue+Axios+Vuex+Vux+Vue-Router全家桶搭建前端框架vue全家人桶

到此工程项目基本就构筑好了,但是他们的工程项目还必须做些优化:

Vue+Axios+Vuex+Vux+Vue-Router全家桶搭建前端框架基本设置

在main.js中已经为他们做了许多基本的配置:

Vue+Axios+Vuex+Vux+Vue-Router全家桶搭建前端框架路由、Vuex配置

还有路由配置,前置路由和后置路由:

router.beforeEach(function (to, from, next) {

// 全局loading、头部初始化、页面标题、加载数据

})

router.afterEach(function (to, from) {

// 预览底部tabbar、关闭loading的等

})

Vue+Axios+Vuex+Vux+Vue-Router全家桶搭建前端框架全局设置

工程项目中他们会用到很多反馈性的组件,比如加载、信息等,他们能作为全局调用;最后先拐个弯,不知道大家反应过来了吗?为什么他们没有配置Axios,因为他们从Vux中引入AjaxPlugin,顺便说一下还有微信的JSDK,他们都能视情况而用;到此他们全家人桶工程项目基本配置好了,技术是两个不断积累的过程,还有其他开发的技巧,我们渐渐道来。。。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务