随笔分类 -  Vue

vue.config.js
摘要：const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认：'/',部署应用包时的基本 URL，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，如果是部署在一个子路 阅读全文
posted @ 2023-07-10 20:04 SlightFly 阅读(105) 评论(0) 推荐(0)
vue项目首屏加载优化实战
摘要：问题： 单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用的首屏加载优化更是绕不开的话题。 项目是vue-cli3构建的，vue+vue-router+vuex，UI框架选用 element-ui，ajax方案选用 axios 第一步：webpack-bundle-an 阅读全文
posted @ 2020-03-13 11:08 SlightFly 阅读(582) 评论(0) 推荐(0)
vuex -- 刷新浏览器数据重置
摘要：vuex -- 状态管理，重点是管理，不是存储（除了能管理数据 state，还能管理读写数据的操作 mutation ）， 响应式，vueX可以简单的实现数据监听，自己写又去重复造轮子 localStorage -- 用于本地持久化数据存储，，浏览器提过的只有读写数据的功能，没有管理的功能，如果单读 阅读全文
posted @ 2020-03-09 11:31 SlightFly 阅读(519) 评论(0) 推荐(0)
vue数据响应式原理
摘要：vue2.0数据响应式原理 对象 Obect.defineproperty 定义对象的属性mjm defineproperty 其实不是核心的为一个对象做数据双向绑定，而是去给对象做属性标签，设置一系列操作权限，只不过属性里的get和set实现了响应式 var ob = { a: 1, b: 2 } 阅读全文
posted @ 2020-02-16 00:39 SlightFly 阅读(413) 评论(0) 推荐(0)
vue 点击当前路由重新加载该路由
摘要：需求：点击当前路由实现数据请求页面刷新 -- router.push(当前路由)并不会执行 刷新页面 1、window.reload() 2、this.$router.go(0) 但是这两种刷新时，整个浏览器进行了重新加载，跳跃，不平滑，体验不好 3、v-if ，控制router-view的显示或隐 阅读全文
posted @ 2019-12-20 16:11 SlightFly 阅读(10512) 评论(0) 推荐(0)
vue项目vue页面内容生成图片并保存本地方案
摘要：使用html2canvas插件 官网：http://html2canvas.hertzen.com/ 1、安装： npm install --save html2canvas 2、在需要使用的vue组件中引入： import html2canvas from "html2canvas" 3、将制定区 阅读全文
posted @ 2019-11-09 21:58 SlightFly 阅读(18439) 评论(0) 推荐(0)