前言：什么是Vue单页面

代码层面，可以将一个页面HTML、JS、CSS代码统一写在一个 .Vue文件里。
页面展示：通过控制当前页面路径#号后面的路由名称，来达到控制（切换）不同页面的展示效果，请记住：这样显隐方式~页面不会重新请求api。
补充：（凡事有利也有弊）对于页面不需要二次刷新来说，不重新请求api，节约服务器资源，用户在界面上体验度好，但是，如果某个单页面需要二次加载（及时更新数据~比如：增删修改后），此时页面不会重新请求api！（为什么？在看一遍我前面的文字概述！）

反问：vue页面为什么~需要重新渲染页面数据？

vue中，我们一般将请求方法，放在mounted( )中，但是只有第一次页面加载会触发mounted（），而后续是不会触发这个生命周期函数的！，若此时你做完增删修操作，数据怎么更新，怎么办？

正题：如何让单页面二次（后续）访问页面，数据渲染（更新）

使用页面的watch侦听事件，监控路由发生改变，则请求需要更新数据的方法（函数），如下图：这里更新数据的方法是querySalaryList()。

如图：1 和 2 前者，就是监听路由发生改变，就触发！导致其他页面也会受到影响，（我第一次使用时，用的就是1方式，导致我请求里的弹框，在跳转其他页面都出现，这是非常不好的！！！）怎么办，就使用 2 方式，当获取路由是特定路由，才触发事件…

Vue页面如何~及时更新页面数据相关推荐

vue路由加载页面时，数据返回慢的问题
场景: vue路由加载页面时,数据返回慢的时候页面会有闪动的效果,数据加载前和加载后的区别.(特别是el-table表格数据) 思路: 路由前加载数据,等数据加载完再路由渲染页面解决方案: 使用vu ...
vue调用接口获取后台数据_使用Vue实现调用接口加载页面初始数据
使用Vue实现调用接口加载页面初始数据闲着没事写了一个电影推荐的网页,很简单,使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'' ...
Vue的数据更新了但页面没有更新及数据频繁更新而页面只更新一次
1.Vue的数据更新了,而页面没有更新由于Vue的数据双向绑定,我们只需要修改数据,页面就会自动更新.但有时我们修改了数据,页面却也没有更新,这是为什么? 以下用Vue2为例,整理常见的几种问题 1 ...
vue从后台获取新数据后刷新_vue传参页面刷新数据丢失问题
在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据.今天经过总结,解决了这个问题.通过了一下几种情况进行传值: 通过 ...
html页面数字滚动,Vue.js大屏可视化数据数字滚动翻转跳转效果（通俗易懂附完整代码）...
原文:Vue.js大屏可视化数据数字滚动翻转跳转效果(通俗易懂附完整代码) 大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图,该UI图上有一个模块需要有数字往上翻动的效果 ...
vue 子页面调用父页面方法、回写父页面数据
方法一推荐使用:this.$parent // 调用父类的方法 this.$parent.getlist() // 给父页面对象赋值 this.$parent.proForm = response. ...
vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...
html meta 跳转白屏,vue使用keepAlive之后页面空白白屏？route和router什么区别呢？...
问题描述: vue使用keepAlive之后页面空白,报错:TypeError: Cannot read property 'keepAlive' of undefined... 为了实现页面跳转之后 ...
前端app调起摄像头只显示在页面_猫也能看得懂的教程之一分钟使用Vue搭建简单Web页面...
本教程适合人群: 已经了解过过html.js.css,想深入学习前端技术的小伙伴有前端开发经验.但是没有使用过Vue的小伙伴有过其他编程经验,对前端开发感兴趣的小伙伴学习本教程之后你将会: 了解 ...

Vue页面如何~及时更新页面数据

Vue页面如何~及时更新页面数据

前言：什么是Vue单页面

反问：vue页面为什么~需要重新渲染页面数据？

正题：如何让单页面二次（后续）访问页面，数据渲染（更新）

Vue页面如何~及时更新页面数据相关推荐

最新文章

热门文章