随笔分类 - vue项目实战
vue2.0 vue3.0会持续更新项目实战内容
发表于 2021-09-30 17:23阅读：163评论：0推荐：0
摘要：react项目开发记录 1.antd RangePicker 设置当前一年的选择时间 <RangePicker style={{ width: "100%" }} value={[this.state.startValue,this.state.endValue]} onChange={this.h
阅读全文 »
发表于 2021-09-09 22:45阅读：666评论：0推荐：0
摘要：效果如上图； <!-- * @Author: lhl * @Date: 2021-09-09 21:43:00 * @LastEditors: lhl * @LastEditTime: 2021-09-09 22:21:55 * @Description: 组件调用 <Test :remainTim
阅读全文 »
发表于 2021-08-22 15:24阅读：956评论：0推荐：1
摘要：vant2.0 列表上拉下拉加载（普通） <!-- * @Description: 首页 * @Version: 2.0 * @Autor: lhl * @Date: 2021-08-21 20:22:30 * @LastEditors: lhl * @LastEditTime: 2021-08-2
阅读全文 »
发表于 2021-04-30 17:12阅读：2661评论：0推荐：0
摘要：<!-- * @Descripttion: Vue 3 + Typescript + Vite2.0 项目简介 --> # Vue 3 + Typescript + Vite + vant3 搭建移动端通用架子 pc 管理系统请参考移步：VUE VBEN ADMIN2.0 （vite2.0+vue3
阅读全文 »
发表于 2020-10-11 23:42阅读：1459评论：0推荐：0
摘要：前言你前提应该懂下面基础知识：下载node.js 下好后自带npm 命令 终端查看命令 npm -v 即可看到安装版本安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org npm init 在项目中引导创建一个pa
阅读全文 »
发表于 2020-09-14 13:17阅读：12240评论：0推荐：0
摘要：优化背景：如果你的应用存在非常长的或者无限滚动的列表，那么需要采用窗口化的技术来优化性能，只需要渲染少部分的内容（可视区域），减少重新渲染组件和创建dom节点的时间，可以参考以下的开源项目vue-vitual-scoll -list 和vue-virtual-scroller ,来优化这种无限列表的
阅读全文 »
发表于 2020-08-31 11:38阅读：288评论：0推荐：0
摘要：npm install -g typescript // 全局安装TS tsc --v // 查看版本 sql root ctrl+alt+i,添加 文件头 注释 ctrl+alt+t,添加 函数 注释 netstat -ano | findstr "7001" js执行上下文 全局执行上下文 函数
阅读全文 »
发表于 2020-08-28 15:00阅读：815评论：0推荐：0
摘要：<!-- * @Description: vue-property-decorator语法 vue-class-component语法 TS语法 * @Version: 2.0 * @Autor: lhl * @Date: 2020-08-27 14:33:43 * @LastEditors: lh
阅读全文 »
发表于 2020-08-27 10:37阅读：2416评论：0推荐：1
摘要：vue-cli2.x和vue-cli3.x 或者 vue-cli4.x 差异不能说非常大但是简洁了许多和看起来清爽了许多更方便使用了；准备工作先分析再来实践 更新到 3.x / 4.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli官网文档地址：https://cli.vu
阅读全文 »
发表于 2020-08-24 17:23阅读：1582评论：3推荐：0
摘要：``` 基于项目需求需要把上传成功的文件图标logo区别对待好一眼知道哪个文件是ppt、哪个是图片、哪个是word 哪个是文本txt等文件类型；由于element-ui 的upload组件源码是写死的此时需要copy一份源码稍加改造即可！如下： <template> <transition-grou
阅读全文 »
发表于 2020-08-20 17:48阅读：1073评论：0推荐：0
摘要：1.函数式组件的使用 <!-- * @Description: 函数式组件 vueStudy/funCom.vue * @Version: 2.0 * @Autor: lhl * @Date: 2020-07-07 11:24:53 * @LastEditors: lhl * @LastEditTi
阅读全文 »
发表于 2020-08-20 17:39阅读：805评论：0推荐：0
摘要：<!-- * @Description: 动态表单的验证;表格的验证 usualElementStudy/dymicFrom.vue * @Version: 2.0 * @Autor: lhl * @Date: 2020-07-20 10:43:20 * @LastEditors: lhl * @L
阅读全文 »
发表于 2020-08-20 17:36阅读：612评论：0推荐：0
摘要：<!-- * @Description: 首页 dashboard/index.vue * @Version: 2.0 * @Autor: lhl * @Date: 2020-06-12 09:15:41 * @LastEditors: lhl * @LastEditTime: 2020-08-20
阅读全文 »
发表于 2020-08-20 17:34阅读：2385评论：0推荐：2
摘要：<!-- * @Description: 百度地图api测试 * @Version: 2.0 * @Autor: lhl * @Date: 2020-08-13 10:57:27 * @LastEditors: lhl * @LastEditTime: 2020-08-19 11:42:46 -->
阅读全文 »
发表于 2020-08-20 17:32阅读：674评论：0推荐：1
摘要：假如 commonComp 文件下面有好多个项目里需要用到的频繁使用的组件这时候可以考虑如下动态引入并且注册为全局 或者 局部组件 <!-- * @Description: commonComp/Comp.vue * @Version: 2.0 * @Autor: lhl * @Date: 2020
阅读全文 »
发表于 2020-08-20 17:26阅读：354评论：0推荐：0
摘要：个人比较推荐用模块方式管理各个模块需要用到的vuex公共数据 当然你可以依据你自己喜欢的方法方式进行管理 /* * @Description: vuex入口 store/index * @Version: 2.0 * @Autor: lhl * @Date: 2020-07-08 09:16:36
阅读全文 »
发表于 2020-08-20 17:21阅读：368评论：0推荐：0
摘要：1.directives 做页面按钮权限 /* * @Description: 页面按钮权限 directives/permission.js * @Version: 2.0 * @Autor: lhl * @Date: 2020-08-12 14:17:46 * @LastEditors: lhl
阅读全文 »
发表于 2020-08-20 17:14阅读：944评论：0推荐：0
摘要：/* * @Description: api aixos的二次封装 request.js * @Version: 2.0 * @Autor: lhl * @Date: 2020-07-14 16:12:35 * @LastEditors: lhl * @LastEditTime: 2020-08-2
阅读全文 »
发表于 2020-08-20 17:07阅读：1969评论：0推荐：0
摘要：/* * @Description: 路由入口配置文件 index.js文件 * @Version: 2.0 * @Autor: lhl * @Date: 2020-06-10 15:53:32 * @LastEditors: lhl * @LastEditTime: 2020-08-20 17:0
阅读全文 »
发表于 2020-08-20 17:05阅读：558评论：0推荐：0
摘要：1.公共js 这里就没使用mock数据了就一个菜单数据 /* * @Description: 一些数据常量如模拟的菜单数据 这里就不再使用 mock common/constant.js * @Version: 2.0 * @Autor: lhl * @Date: 2020-06-15 15:24:
阅读全文 »
