1. 产生原因其实很简单,因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。 2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变 一种是将state里的数据保存一份到本地存储(local ...
分类:
Web程序 时间:
2019-03-19 16:33:55
阅读次数:
193
ue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就 ...
分类:
其他好文 时间:
2019-03-16 12:31:37
阅读次数:
191
一、 什么是Vuex? 官方解释: Vuex是一个专为Vue.js应用程序开发的状态管理模式 当项目比较庞大的时候,每个组件的状态比较多,为了方便管理,需要把组件中的状态抽取出来,放入Vuex中进行统一管理。 当我们需要构建一个中大型的单页面应用程序是,Vuex可以更好的帮助我们在组件外部统一管理状 ...
分类:
其他好文 时间:
2019-03-15 11:58:23
阅读次数:
175
ajax(Asynchronous Javascript And XML) 异步的js和XML 以前更多的是使用XML的数据格式,现在数据格式更多的是json ajax的优势:单页面应用(SPA) 1、无刷新更新数据(局部刷新) Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信 Aj ...
分类:
Web程序 时间:
2019-03-13 12:30:25
阅读次数:
205
此篇我们来瞅一瞅SPA,啥是SPA啊,实际上一点也不神秘,就是单页应用,可能有的同学又会问了,啥是单页面应用,别着急,我们慢慢来看 首先我们先来了解一下单页应用出现背景 背景: 在早期的 Web 应用中,前端的作用很弱,业务逻辑和数据处理都在后端,后端给前端返回一个 HTML 页面,前端只负责展示。 ...
分类:
其他好文 时间:
2019-03-13 12:14:33
阅读次数:
145
单页面应用指一个系统只加载一次资源,然后下面的操作交互、数据交互是通过router、ajax来进 行,页面并没有刷新;<1>在vue搭建的环境里面怎么有没有公用的css和js?如果有是怎么引用的? 有公用的css和js,有两种引用的方法:(要深刻理解单页面应用程序哦,单页面就是引入后在哪里都能使用) ...
分类:
其他好文 时间:
2019-03-04 17:41:03
阅读次数:
173
如果在一个模块化工程中使用它,需要通过Vue.use() 明确的安装路由功能,如果使用全局的script标签,则不需要手动安装。 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能: 嵌入的路由/视图表 模块化的、基于组件的路 ...
分类:
其他好文 时间:
2019-02-26 16:52:11
阅读次数:
185
如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染,等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。 浸没在术语和工具的浩瀚海洋中难免会令人感到沮丧,但其实并不是只有你一个人有这种感受,所 ...
分类:
其他好文 时间:
2019-02-22 18:15:10
阅读次数:
245
自从习惯开发了单页面应用,对多页面的页面间的相互跳转间没有过渡效果、难维护极度反感。但是最近公司技术老大说,当一个应用越来越大的时候单页面模式应付不来,但是没讲怎么应付不来,所以还得自己去复习一遍这两者的区别: 这样对比的话,单页面的优势确实很大,但当我自己去打开某宝,某东的移动端页面时,确实它们都 ...
分类:
其他好文 时间:
2019-02-21 15:43:51
阅读次数:
166
直接先上效果图 这个单页面应用有两个路径:/home和/about,与这两个路径对应的是两个组件Home和About。 整个实现过程 JavaScript HTML router.redirect 应用在首次运行时右侧是一片空白,应用通常都会有一个首页,例如:Home页。使用router.redir ...
分类:
Web程序 时间:
2019-02-13 12:49:56
阅读次数:
234