Loading...
演示地址https://jinxiaoliang.cn/Personal/VueRouter/index.html#/users代码如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title...
1.路由的基本概念和原理1.1路由1.后端路由概念:根据不同的用户URL请求,返回不同的内容本质:URL请求地址与服务器资源之间的对应关系2.SPA(Single Page Application)后端渲染(存在性能问题)Ajax前端渲染(前端渲染提高性能,但是不支持浏览器的前进后退操作)SPA(Single Page Application)单页面应用程序:整个网站只有一个页面,内容的变化...
1.前后端交互模式1.1 接口调用方式原生Ajax基于Jquery的ajaxfetchaxios1.2 URL地址格式1.传统形式的URL格式:schema://host:port/path?query#fragmentschema:协议。例如http、https、ftp等host:域名或者ip地址port:端口,http默认端口是80,可以省略path:路径,例如a/ab/abcquery...
演示地址:https://jinxiaoliang.cn/Personal/Car/Car.html实现步骤1.按照组件化方式实现业务需求根据业务功能进行组件化划分标题组件(展示文本)列表组件(列表展示、商品数量变更、商品删除)结算组件(计算商品总额)2.功能实现步骤实现整体布局和样式效果划分独立的功能组件组合所有的子组件形成整体结构逐个实现各个功能组件标题组件列表组件结算组件3.代码<...
Vue学习-031.Vue组件化开发思想1.1 组件化开发规范:Web Components我们希望尽可能多的重用代码自定义组件的方式不太容易(html、css、js)多次使用组件可能导致冲突Web Components通过创建封装好功能的定制元素解决上诉问题Vue部分实现路上述规范2.组件注册2.1 全局组件注册语法Vue.component(组件名称,{ data: 组件数据, ...