请先完成了项目初始化看一下完成的效果图，很典型的单页应用。.vue后缀名的单文件组件
这里先说一下我对组件的理解。组件，顾名思义就是一组元素组成的一个原件（理解的比较浅显、直白），在Vue.js中，表现为一个自定义元素。开篇展示的图中，首页的的列表中的每一项就可以看成一个组件（事实上，在demo中，我也是这么做的），这个组件由一张图片，一个显示价格的元素，一
转载
2023-11-20 05:04:17
111阅读
在new Router({})配置 mode 参数，mode值可选hash或者History。hash模式
hash（#）是URL的锚点，同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；但不会对服务端请求数据。使用hashchange()监听hash值变化，使用window.location.href重新赋值。
用法实例// 对hash值变
转载
2023-07-15 15:15:56
150阅读
1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选
原创
2022-04-06 11:25:33
1389阅读
vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请求交互
转载
2024-01-17 06:06:10
135阅读
鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址：https://coligo.io/learn-vuex-by-building-notes-app/ 前言：在
转载
2020-04-03 23:51:00
69阅读
2评论
前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使用 Vuex。我们将大概的过一遍什么是 Vuex.js，在项目中什么时候使用它，和如何构建我们的 Vu
原创
2021-05-24 14:31:28
201阅读
鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址：https://coligo.io/learn-vuex-by-building-notes-app/ 前言：在
转载
2020-04-03 20:50:00
91阅读
2评论
单页面应用程序 SPA ： Single Page Application 单页面应用程序 MPA ： Multiple Page Application 多页面应用程序 单页 web 应用 就是只有一个 web 页面的应用， 是加载单个 HTML 页面， 并在用户与应用程序交互时， 动态更新该页面
转载
2020-03-31 15:33:00
178阅读
如何轻松的实现单页面应用
原创
2022-01-05 11:32:05
899阅读
前端
Vue是一款非常流行的JavaScript框架，它提供了一套高效、灵活、易于使用的前端开发工具。在实际开发中，我们通常会使用Vue来构建单页面应用（SPA），并将其部署到服务器上以便用户访问。本篇博客将介绍如何进行Vue单页面应用的部署配置。
构建生产版本
首先，我们需要将Vue应用程序构建为生产版本，这可以通过运行以下命令来完成：
npm run build
该命令将生成一个dist目录
原创
2023-04-16 23:44:52
1682阅读
现在的手机软件普遍都是单页面应用，尤其是商城类网站应用更广，那么为什么大多数企业都选择了单页面应用呢，原因主要是1，单页面应用只有一个主页面，切换页面更加流畅，比起传统的多页面应用项目会很清晰明了，没有多页面应用繁杂。那么单页面应用是怎么实现的呢?这里就要讲到Vue了，Vue是公认的前端三大框架之一，还有react，angular，这里主要讲解Vue，日后在讲解其余两个框架吧。引入Vue.js，当
转载
2024-06-23 10:18:05
215阅读
Vue详细介绍及使用（路由、Vuex）一、路由 前面我们说到了Vue是单页应用，那么什么是单页应用？ 单页面应用程序-SPA（Single Page Application）：整个网站只有一个页面，内容的变化通过局部更新实现、同时支持浏览器地址栏的前进和后退操作，而实现SPA过程中，
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理：JS会感知到url
转载
2024-01-22 16:52:05
73阅读
Vue基础问题总结大全（一）一、单页应用二、vue-router两种模式的区别 一、单页应用什么是单页应用？单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用的优缺点： 优点： 1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操
转载
2024-04-19 15:54:06
104阅读
使用 Vuex + Vue.js 构建单页应用【新篇】 在去年的七月六号的时候，发布了一篇 使用 Vuex + Vue.js 构建单页应用 的文章，文章主要是介绍 vuex 的基本使用方法，发现对大部分的入门同学有很大的帮助，时至今日还有很多同学不断的点赞与收藏，浏览量最高达到 20.4K 。鉴于前
转载
2020-05-10 14:31:00
65阅读
2评论
