
Vue
文章平均质量分 57
Vue
星宇大前端
大前端编程爱好者,开源爱好者。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3 项目生产环境切换路由卡死问题 【vue bug】
工作那么多年第一次遇到一个问题卡了两天,最后也不是自己解决的。感谢 edison1105大神帮忙解决问题,记录一下,以后还会有人踩坑。背景最近用vue3 全家桶写了 后端管理系统。 传送门vue3 + compositionAPItsvue-router 问题开发很流程,在开发环境运行也很好,部署到服务器的时候报错。[Deprecation] 'window.webkitStorageInfo' is deprecated. Please use 'navigato.原创 2021-01-28 17:04:48 · 5679 阅读 · 9 评论 -
Vue3 + TS PropType类型验证
使用TS的时候有没有遇到过,一个组件props 需要自己定义的接口和类型的属性验证,那么该怎么办呢?基础props验证看Vue3官网props介绍即可:点击传送 ,官网没有对特定类型属性进行补充。PropType 定义export declare type Prop<T, D = T> = PropOptions<T, D> | PropType<T>;declare type PropConstructor<T = any> = { .原创 2021-01-16 11:26:34 · 19215 阅读 · 7 评论 -
@vue/cli-plugin-pwa 中文翻译
@vue/cli-plugin-pwa用于vue cli的pwa插件,关于配置介绍翻译service worker 介绍:https://segmentfault.com/a/1190000016028780The service worker added with this plugin is only enabled in the production environment (e.g. only if you run npm run build or yarn build). Enabli翻译 2020-12-17 10:22:30 · 1110 阅读 · 0 评论 -
TSX 在Vue项目的使用
JSX是一种嵌入式的类似XML的语法。 它可以被转换成合法的JavaScript,尽管转换的语义是依据不同的实现而定的。 JSX因React框架而流行,但也存在其它的实现。 TypeScript支持内嵌,类型检查以及将JSX直接编译为JavaScript。本文涉及知识SFC虚拟domrender 相关函数 思考问:SFC和JSX 优劣势,Vue模板语法快捷方便为什么还要学JSX?答: 我的理解SFC更侧重Html语法,就像画一幅画,使用标签画好结构,再将数据使用js进行.原创 2020-12-12 14:45:31 · 5227 阅读 · 0 评论 -
Vue3.0中文文档(Vue3 + TS学习资源路线)
Vue3.0 学习资源文档:Vue3.0 中文文档:https://www.vue3js.cn/docs/zh/Vue3.0 组合API使用:http://www.liulongbin.top:8085/#/Vue3.0 Vuex 替代方案: https://zhuanlan.zhihu.com/p/114783130B站视频学习:尤雨溪Vue3.0 : https://www.bilibili.com/video/BV1ke411W7WB/Vue3.x 大地老师:https://www原创 2020-12-01 11:33:52 · 4479 阅读 · 0 评论 -
Vue 项目eslint 配置编程风格(VScode)
观点:程序运行结果有对错,代码从可读性、扩展性、复用性的标准评判也可以读出来好坏,但是编程风格真的又对错吗?尤其是JS这门脚本语言,在不同领域都有应用,它先天性的原因编程风格有更多的发挥,到底谁写的对错呢,比如单引号还是双引号,加不加分号这种问题。我认为风格没有好坏,一个团队统一即可,保持代码简洁,漂亮,统一。 Vue 有关的格式化工具1.ESLint(官网)ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码原创 2020-10-31 08:20:16 · 766 阅读 · 0 评论 -
Vue KeepAlive表单页缓存场景
写这篇博文的目的是整理思路,KeepAlive动态修改目前有局限性,只使用改变 状态修改页面是否缓存,无法彻底删除上次缓存。一、业务场景一个表单页面填写表单点击查看协议,返回时候缓存点击提交之后,下次进入不应该缓存就那么简单我们是在app.vue 添加keepAlive缓存,通过路由配置开关{ path: "/enterpriseApply", name: "enterpriseApply", component: enterpriseApply, m.原创 2020-07-09 11:17:45 · 1304 阅读 · 3 评论 -
AntDesign Select控件即可以输入又可以搜索选择
HTML<a-form-item class="fontls mb24" label="毕业院校" style="width:340px;" :label-col="{ span:6}" :wrapper-col="{ span: 15 ,offset:1 }"> <a-select原创 2020-07-04 16:01:06 · 5213 阅读 · 3 评论 -
VScode 开发Vue EsLint和Format 保存冲突问题
背景描述之前用VScode开发Flutter,设置自动保存格式化。现在开发Vue使用Eslint进行规则验证,为了不必要的麻烦,想要设置自动保存修复不规则问题。这时候问题出现了,格式化的代码EsLint风格不一致,就算手动点击全部修复,格式化还是全部改回去。问题解决1、安装插件eslint 默认安装了,写Vue vetur 应该也装了。 装上Prettier 插件。2、将下面配置...原创 2020-04-30 14:20:23 · 1996 阅读 · 0 评论 -
Vue 部署服务器打包报错,本地可以问题
问题背景问题背景是这样的,我们用Vue脚手架搭建项目,在我Mac os和前端同事Windows 上执行npm run build 都没有问题,运维同学打包执行npm run build却报错,找不到文件. 问题解决一顿分析之后,排除了node环境问题,代码版本问题。我猜想到系统差异性,接着发现了问题。MacOS和WIndows都是大小写不敏感,LInux大小写敏感,项目不规范,有些大小写引用没注意。果然修改之后成功了,写下来节省遇到同学的调试时间。...原创 2020-06-05 11:25:30 · 1592 阅读 · 0 评论 -
Yarn和npm我为什么选前者
不论做什么,包管理工具总是必须。因为要满足不同的需求,所以每一个方向都会出现多个不同的管理工具。比如做iOS的Cocoapods,SwiftPackage,Carthage, 安卓的Maven,Gradle。都会陷入包管理工具大战,最近在学Vue,又开始出现选择题,到底JS包管理工具是用npm还是用yarn呢?作为一个对JS不资深的人,为什么选择yarn,抛弃npm。很明显。yarn是在np...原创 2020-04-17 16:18:23 · 763 阅读 · 0 评论