![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Jusme_wx
这个作者很懒,什么都没留下…
展开
-
管理端项目改造-后期添加keep-alive缓存,结合@hook完成只缓存查询条件,列表数据更新
背景:已经是一个比较完善的后台管理系统,要添加列表页面搜索和分页等查询条件缓存具体需求:1.只缓存查询条件和分页,列表数据要刷新 2.从详情,和其他类似详情或者列表返回,需要缓存查询条件, 3.从新增,编辑页面返回列表,不需要缓存 4.切换菜单,A-B-A,不缓存A开发思路:1.尽可能少的改动业务文件,走配置解决问题,keep-alive无疑比较合适2.大部分的返回列表,是需要缓存的...原创 2021-08-17 18:14:42 · 410 阅读 · 0 评论 -
vue-派发更新
原创 2021-07-07 18:35:40 · 175 阅读 · 0 评论 -
vue原理-render-脑图
原创 2021-07-07 18:29:31 · 95 阅读 · 0 评论 -
在父组件调用子组件的某个生命周期( 在app.vue中,全局调用router-view路由页面的某个生命周期 )
参考vue源码:/src/core/instance/lifecycle.js可以把子组件vm实例打印出来看一下,在$options 的 __proto__ 中,可以看到组件的生命周期和其他组件信息,并且生命周期是一个存放多个function的数组,name,如何调用子组件生命周期,就一目了然了调用方法:function callHook (vm: Component, hook: string) { const handlers = vm.$options[hook] if (h原创 2021-04-29 12:17:53 · 666 阅读 · 0 评论 -
vue项目中使用可选链 ( ?. )和双问号 ( ?? )配置
1.安装插件:@babel/plugin-proposal-optional-chainingnpm install --save-dev @babel/plugin-proposal-optional-chaining2.配置babel.babelrc文件添加plugins配置{ "plugins": [ "@babel/plugin-proposal-optional-chaining" ]}3.使用配置完了,就可以在项目中使用可选链 ( ?. ) 和双问号原创 2021-04-13 16:01:14 · 9738 阅读 · 3 评论 -
Vue3.0之双向绑定原理——Proxy
了解代理模式一个例子作为一个单身钢铁直男程序员,小王最近逐渐喜欢上了前端小妹,不过呢,他又和前台小妹不熟,所以决定委托与前端小妹比较熟的UI小姐姐帮忙给自己搭桥引线。小王于是请UI小姐姐吃了一顿大餐,然后拿出一封情书委托它转交给前台小妹,情书上写的:我喜欢你,我想和你谈恋爱,不愧钢铁直男。不过这样写肯定是没戏的,UI小姐姐吃人嘴短,于是帮忙改了情书,改成了我喜欢你,我想和你每天携手看潮起潮落,然后交给了前台小妹。虽然有没有撮合成功不清楚啊,不过这个故事告诉我们,小王活该单身狗。其实上面就是一个.原创 2020-08-19 17:41:29 · 4224 阅读 · 0 评论 -
vscode 添加代码片段(代码模板,注释模板等)
本文主要介绍在vue文件中,vue部分,js部分和css部分添加代码片段的方法主要使用Snippets工具官网地址:https://code.visualstudio.com/docs/editor/userdefinedsnippets使用示例:一、Snippets语法简介添加代码块主体及主要语法如下:"Print to 代码块名称": { "prefix"...原创 2019-07-25 09:58:32 · 18803 阅读 · 0 评论 -
vue-cli3 快速搭建项目
一、安装node.js去官网下载node.js,官网地址:https://nodejs.org/en/download/1. 本地安装,node.js一般不改变安装路径直接安装。安装完毕在命令行工具(Windows是cmd,苹果是终端控制)输入node -v和npm -v,如果能显示出版本号,就说明安装成功。(新版本node已经集成npm)2.安装cnpm:npm install...原创 2019-07-13 15:08:31 · 138 阅读 · 0 评论 -
vue中css文件引入:src VS @import
在vue文件中,引入css文件常用的两种方式:1.使用src<style src="./index.css"><style>2.使用@import<style> @import './index.css' </style>因为没有加 scoped ,以上两种方式没有什么区别,作用域都是全局如果加上scoped呢?是否作用...原创 2019-07-13 15:44:16 · 2798 阅读 · 0 评论 -
vue-router中,require代替import解决vue项目首页加载时间过久的问题
原因:vue的路由配置文件(routers.js),一般使用import引入的写法,当项目打包时路由里的所有component都会打包在一个js中,在项目刚进入首页的时候,就会加载所有的组件,所以导致首页加载较慢,而用require会将component分别打包成不同的js,按需加载,访问此路由时才会加载这个js,所以就避免进入首页时加载内容过多。require: 运行时调用,理论上可以运...原创 2019-05-07 10:25:28 · 3931 阅读 · 0 评论 -
vue 利用高德地图的巡航轨迹, 做带进度条和倍速的轨迹回放
所用技术:vue,高德地图(amap),iview-slider绘制轨迹使用的是高德地图的 轨迹展示 功能对应demo地址:https://lbs.amap.com/api/amap-ui/demos/amap-ui-pathsimplifier/simple-demo,api地址:https://lbs.amap.com/api/javascript-api/reference-am...原创 2019-04-29 20:39:13 · 14679 阅读 · 24 评论 -
iview 踩坑总结
1.DatePicker 日期选择器v-model绑定获取的时间为UTC时间UTC时间格式:2019-04-16T09:12:43.083Z使用iview 日期选择器API自带的方法:on-change,该方法返回两个值,已经格式化后的日期,比如 2016-01-01,和当前的日期类型,比如 date2.表单校验修改的时候,回显明明有值,form表单validate却报错代码如下:...原创 2019-04-16 20:10:58 · 808 阅读 · 0 评论 -
vue 经验总结
目录1.v-for循环与v-if不作用于同一元素2. v-for使用的时候,一定要同时定义key,且key最好为id一类,可以唯一标标识本条数据的字段。3.对象或数组属性改变,视图不相应更新4.利用js文件的缓存功能、对象和数组的引用类型,实现管理系统的 记住搜索条件和分页 等查询条件的功能。5.export 和export default6.vue中获取Dom节点的方法:...原创 2019-04-16 10:52:24 · 367 阅读 · 0 评论