vue中SPA单页面应用程序详解
发布时间:2020-12-17 02:43:52 所属栏目:百科 来源:网络整理
导读:一、SPA的概述 SPA(single page application)单页面应用程序,在一个完成的应用或者站点中,只有一个完整的html页面,这个页面有一个容器,可以把需要加载的代码片段插入到该容器中。 SPA的工作原理: eg: ①根据地址栏中url解析完整的页面:index.html 加
一、SPA的概述SPA(single page application)单页面应用程序,在一个完成的应用或者站点中,只有一个完整的html页面,这个页面有一个容器,可以把需要加载的代码片段插入到该容器中。 SPA的工作原理: eg:
①根据地址栏中url解析完整的页面:index.html
加载index.html
②根据地址栏中url解析#后的路由地址: start
根据路由地址,去在当前应用的配置中 找该路由地址的配置对象去查找该路由地址 所对应的模板的页面地址
发起异步请求加载该页面地址
③把请求来的数据加载到指定的容器中 ①引入对应的vue-router.js(该文件我已经上传到我的文件中) ②指定一个盛放代码片段的容器 ③创建业务所需要的各个组件 ④配置路由词典 每一个路由地址的配置对象(要加载哪个页面...) ⑤测试 在地址栏中 输入对应的不同的路由地址 确认是否能够加载对应的 {{msg}}
|