位置: 编程技术 - 正文
vue中SPA单页面应用程序详解(vue只适合做单页项目吗)
编辑：rootadmin推荐整理分享vue中SPA单页面应用程序详解(vue只适合做单页项目吗)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue单页应用原理,vue单页应用原理,vue简单页面,vue简单页面,vue的单页面应用,vue 单页,vue的单页面应用,vue单页面seo,内容如对您有帮助，希望把文章链接给更多的朋友！
一、SPA的概述
SPA（single page application）单页面应用程序，在一个完成的应用或者站点中，只有一个完整的html页面，这个页面有一个容器，可以把需要加载的代码片段插入到该容器中。
SPA的工作原理：
eg: 加载index.html
②根据地址栏中url解析#后的路由地址： start 根据路由地址，去在当前应用的配置中 找该路由地址的配置对象去查找该路由地址 所对应的模板的页面地址 发起异步请求加载该页面地址
③把请求来的数据加载到指定的容器中
二、通过VueRouter来实现一个SPA的基本步骤
①引入对应的vue-router.js(该文件我已经上传到我的文件中)②指定一个盛放代码片段的容器
③创建业务所需要的各个组件④配置路由词典每一个路由地址的配置对象（要加载哪个页面...）
⑤测试在地址栏中 输入对应的不同的路由地址 确认是否能够加载对应的<!doctype html>
上一篇：vue-router实现组件间的跳转（参数传递）(vue $route $router)
下一篇：Mint UI 基于 Vue.js 移动端组件库(vue mint-ui 官网)