从服务端取到的数据需要实时反馈,否则将毫无意义! 我们先介绍一下Vue.set()方法 注:如果从服务端返回的数据量较少,或者只有几个字段,可以用vue的set方法,如果数据量较大,请直接看第二种情况。官网API是这样介…
分类:vue.js教程
Vue 实现前进刷新,后退不刷新的效果
更多文章 需求一: 在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方…
vue-cli3.x 基础安装使用
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 先卸载旧版本, npm uninstall -g vue-cli 全局安装: npm install -g @vue/cli 或 yarn glob…
前端优化之开启 Gzip 压缩
我其实一点也不懂,上网去查看别人都没写前端怎么做,就很郁闷。自己尝试一番才知道为何没人写前端的操作步骤,因为非常简单——生成 gz 文件,上传服务器即可。所以为了避免有人和我一样懵逼,索性记录下来以供参考。开门见山直接说…
Vue + Webpack 学习随手笔记 - 给路径起别名
在刚开始入门学习Vue+Webpack配置router时,就对 @ 可以指代 src 感到很好奇,今天终于搞明白,其实是Webpack模板下的一个JS文件给src起的别名。在build/webpack.base.conf…
IOS微信上Vue单页面应用JSSDK签名失败解决方案
背景 手机型号: 型号:iphone 7 / iphone xs max 版本:ios 10.3.1 / ios 12.1 微信版本:WeChat 6.7.3 问题还原: Vue应用(vue-router)上使用hist…
koa2+vue+mysql 全栈开发记录
koa2+vue2+mysql 全栈开发记录 基于想要自己制作一个个人项目为由,于是有了这么一个开发记录(梳理开发过程也是一个知识巩固的过程) koa2+vue2+mysql 个人的一个通用DEMO(本篇文章的范例) k…
一个代码仓库,理解 Vue 项目中组件之间的通信
父组件传给子组件: 1、props 方式:父组件通过 Prop 向子组件传递数据(推荐使用)项目中访问路由:http://localhost:8080/parent_to_child/props 2、slot 方式:父组…
element tree 获取当前节点和其父级节点的数据
需求:树形菜单点击之后需要形成面包屑,所以需要当前节点和其父级节点的数据。记录一下解决方法,如下。 <el-tree style="height:calc(100vh - 180px)" ref="tree" ic…
vue 兄弟组件的信息传递
前言 兄弟组件的信息传递有三种方式: 1.vuex 传递。会将信息公有化。此方法可在所有组件间传递数据。 2.建立Vue 实例模块传递数据。Vue 实例模块会成为共用的事件触发器。其通过事件传递的信息不回被公有化。 3.…
[Vue CLI 3] Uglify 相关的应用和设计
在本文开始之前,先留一个问题? 如果在新版本我想加一个 drop_console 的配置呢? 在老版本的脚手架生成的配置中,对于线上环境的文件:webpack.prod.conf.js 使用了插件:uglifyjs-we…
预防cdn链接失效,无缝切换本地文件
如今的前端项目追求的不仅仅是能用能看的程度,而是愈发追求项目的性能,对用户体验的影响。而现在的开发工具在性能优化方面也替我们做很大一部分的工作,想必大家对CDN的使用都是轻车熟路了,但是大家有没有考虑过,万一我们使用的C…