Vue梳理流程

前后台分离,各干各的活儿

写完后台,然后写jsp,开发时间是串行的
分离之后,开发时间是并行的(时间缩短)

前后端交互(指的是数据 json)
后端postman测试

前端需要等后端开发完成吗???
不用,自己模拟数据(只要和规定返回的json数据一致即可)

交互关键是 ajax

vue是前端开发模型(前端MVC)

vue使用,引入js包,在HTML上

axios使用,引入js包,在html上

问题: =后端需要token验证,前后端约定在每一次请求信息中都要带上token(登录成功后后台生成jwt)前端存储在浏览器中

axios 好处,有连接器==aop模式,开发人员只需要关心核心业务代码,调用getOrder,我们只需要写url即可,将token封装到请求中拦截器帮我们做了

vue mvvm 作用是处理数据很优秀 因为双向绑定

jQuery 操作dom页面标签

从后台过去到用户信息,vue直接赋值给已绑定的变量,自动渲染,jq ==需要$(“id”).val(data)手动操作标签赋值

html + vue.js 已经可以实现显示效果了,但是不利于开发和后期维护,所以
我们开发中使用vue的脚手架模式,(基于nodejs启动为一个服务)
java maven工程(基于 JVM Tomcat 运行为一个服务)
在这里插入图片描述
html+vue.js开发,需要每个页面都new vue对象,缺点是不能共享数据(解决方案 脚手架)单页面工程,只有一个html,数据是动态渲染到该页面

脚手架用到vue 组件功能(xxx.vue 页面是组件封装)

路由:解决“页面”之间的跳转

SEO问题
我们开发前端(给用户用的)需要搜索引擎搜到,但是,单页面工程,爬虫只能爬到一个

由于我们还想用vue来开发代码,还想实现SEO

nuxt.js解决

nuxt 也是脚手架模式
概念:服务端渲染(SSR)==jsp

思考:缺点是什么
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值