vue
谢院柯
有喜有喜
展开
-
vue项目优化及首页白屏过渡
最近搞项目优化 也是很头大 所以做一个记录 不是很全慢慢补吧!!!注意代码复用性入口文件注意 组件的按需引入 避免入口文件过大1.组件动态导入原始导入://导入:import home from "./component/home"//注册:component:{home}动态导入:(按需加载)components:{home:()=>import("./component/home")}2. 路由懒加载Vue是单页面应用,路由较多,Webpack打包后文件很大。原创 2022-04-01 15:55:36 · 629 阅读 · 0 评论 -
前端gizp压缩配置
!!!目前项目用到的是 vue 和 nginx 简单阐述 用到其他的会进行补充打包的时候开启gzip可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。1. 安装依赖:compression-webpack-pluginnpm install --save-dev compression-webpack-plugin高版本可能会有不兼容问题npm uninstall --save-dev compression-webpack-原创 2022-04-01 15:47:44 · 361 阅读 · 0 评论 -
vue组件强制刷新 数据刷新值页面不做渲染问题
vue组件强制刷新,,, (1)常用v-if<!-- v-if根据表达式的值的真假条件销毁或重建元素,以达到元素或组件重新渲染,不推荐使用 会闪屏--><Provinces v-if="show"></Provinces> (2)this.$forceUpdate手动强制刷新<Provinces @click="refresh"></Provinces>refresh(){ this.$forceUpdate()} (3):原创 2021-08-24 10:03:53 · 494 阅读 · 0 评论 -
vue数据监听 及 子组件初始化watch监听不到props数据
222222222原创 2021-01-22 10:45:39 · 4372 阅读 · 0 评论 -
element (vue) 组件传值 组件初始化 强制刷新
强制刷新 $forceUpdate()![在这里插入图片描述](https://img-blog.csdnimg.cn/20200914112225863.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEzMDMwOA==,size_16,color_FFFFFF,t_70#pic_center)...原创 2020-09-14 11:47:58 · 2535 阅读 · 0 评论