摘要：
陈旧的知识应该更新一下了，先尝试一下 Promise ，主要参考 https://www.cnblogs.com/whybxy/p/7645578.html 定义一个函数 直接上干货，定义一个函数： const myPost = (url, data) => { // 接收url 和data，向后端 阅读全文
随笔分类 - 前端之 —— Vue
vue3.0 的 Composition API 的一种使用方法
2020-10-26 10:45 by 金色海洋（jyk）, 1100 阅读, 收藏, 编辑
摘要：
网上讨论的文章已经很多了，这里举一个简单的例子来讨论一下 Composition API 的用法，具体问题才好具体讨论嘛。 假如我们要做一个论坛的讨论列表和分页，以前是把需要的数据都放在data里面，事件都放在methods 里面，代码少的话还好分辨，如果代码多了，看着就头疼了。 现在vue3.0可 阅读全文
文档驱动 —— 表单组件（六）：基于AntDV的Form表单的封装，目标还是不写代码
2020-09-25 09:51 by 金色海洋（jyk）, 1682 阅读, 收藏, 编辑
摘要：
不是重复制造轮子，而是站在巨人的肩膀是实现自己的想法。 阅读全文
文档驱动 —— 查询组件：使用 vue3.0 的新特性，重构代码
2020-09-19 17:16 by 金色海洋（jyk）, 1283 阅读, 收藏, 编辑
摘要：
用vue3.0 的新特性，重构了一下代码，这下清晰多了。可读性显著提高。 阅读全文
文档驱动 —— 表单组件（五）：基于Ant Design Vue 的表单控件的demo，再也不需要写代码了。
2020-09-19 09:31 by 金色海洋（jyk）, 1117 阅读, 收藏, 编辑
摘要：
源码 https://github.com/naturefwvue/nf-vue3-ant 特点 只需要更改meta，既可以切换表单 可以统一修改样式，统一升级，以最小的代价，应对UI的升级、切换，应对框架（比如vue）的升级 需要的代码非常少，甚至可以认为是Low Code 可以自动创建model 阅读全文
文档驱动 —— 表单组件（四）：基于Ant Design Vue封装一些表单域控件
2020-09-17 19:34 by 金色海洋（jyk）, 2619 阅读, 收藏, 编辑
摘要：
开源代码 https://github.com/naturefwvue/nf-vue3-ant 优缺点本来是写在最后的，但是博文写的似乎有点太长了，估计大家没时间往下看，于是就把有缺点写在前面了，不喜欢可以先跳过。 缺点 灵活性肯定是没有了，封装的还是有些过度，灵活度大大降低，没有使用slot，想加 阅读全文
文档驱动 —— 表单组件（三）：基于原生html的表单组件demo
2020-09-12 11:01 by 金色海洋（jyk）, 776 阅读, 收藏, 编辑
摘要：
做增删改查要写多少代码？ 一个表单一套代码，十个表单十套代码吗？ 我这么懒，怎么会写这么多代码？ 我想做到：即使一百个表单也只需要一套代码（而且不需要复制粘贴）。实现多个表单，只需要加载不同的meta即可。 Meta结构部分上一个已经写了，这里说一下如何做表单。 表单demo 先做两个简单的表单，一 阅读全文
文档驱动 —— 表单组件（二）：meta生成器，告别书写代码
2020-09-11 20:27 by 金色海洋（jyk）, 778 阅读, 收藏, 编辑
摘要：
手写代码？ meta（json）需要手写吗？别闹，手写多麻烦呀，我这么懒怎么可能手写，这辈子都别想，所以要弄个工具出来，咱们说干就干。 这个工具，说白了本身就是一个表单，一个meta属性对应一个meta的属性，合在一起就是一个完整的meta了，只是不同的组件属性不同，需要区分对待不能混为一谈。 先看 阅读全文
文档驱动 —— 表单组件（一）：表单元素组件
2020-09-11 10:41 by 金色海洋（jyk）, 984 阅读, 收藏, 编辑
摘要：
文档驱动 想要做到文档驱动表单，首先要做几个表单元素组件。基于原生的HTML5的表单元素，做了一下分类，比如文本类、数字、日期、选择等，具体如下图。 【图片】 然后就是 文档 >> json >> vue >> UI >>表单 这个流程了。 其中Vue提供了很方便的数据双向绑定的功能， UI提供了非 阅读全文
vue3.0 加载json的“另类”方法（非ajax）
2020-09-07 18:00 by 金色海洋（jyk）, 859 阅读, 收藏, 编辑
摘要：
问题 加载json一定要用ajax的方式吗？ 最近学习vue3.0，在实现一个功能的时候发现一个问题—— 写代码的时候，需要的json太长、太多，和代码放在一起太混乱。看代码总有翻来翻去，又没有“折叠”功能。 那么能不能把json放在一个单独的文件里面保存，然后在加载进来呢？ 查了半天的资料，发现那 阅读全文
vue3.0的 v-model 为啥不好用了？
2020-09-04 14:29 by 金色海洋（jyk）, 3911 阅读, 收藏, 编辑
摘要：
vue3.0还支不支持v-model了？ vue3.0 的beta版出来后就想尝个鲜，顺便实现以下我的想法，于是开整。前面各种折腾就不说了。开始弄自定义组件。 自定义了一个input，但是按照vue2.X的方式设置v-model的时候居然不好用了，各种检查代码没问题。只好先改成属性+事件监听的方式， 阅读全文
vue3.0beta.1 创建项目
2020-09-03 15:27 by 金色海洋（jyk）, 957 阅读, 收藏, 编辑
摘要：
vue3beta.1 创建项目的方法 安装node.js 略过。网上资料很多，不搬运了。 安装 vue-cli npm install -g @vue/cli 注意以下命令是错误的！ npm install -g vue npm install -g vue-cli 这个和以前的安装命令是不一样的， 阅读全文
从后端到前端之Vue（六）表单组件
2020-09-02 10:00 by 金色海洋（jyk）, 1936 阅读, 收藏, 编辑
摘要：
表单组件 做项目的时候会遇到一个比较头疼的问题，一个大表单里面有好多控件，一个一个做设置太麻烦，更头疼的是，需求还总在变化，一会多选、一会单选、一会下拉的，变来变去的烦死宝宝了。 那么怎么解决这个问题呢？我们可以做一个组件来搞定这些烦人的事情。我们使用Vue.js基于原生HTML来做一套表单控件！ 阅读全文
Vue组件 props 规则
2020-08-31 13:13 by 金色海洋（jyk）, 1207 阅读, 收藏, 编辑
摘要：
原文：https://www.cnblogs.com/niusan/p/10390208.html Vue组件 props 组件是Vue最强大的功能之一；组件化编程，允许我们使用小型，独立，通用的可复用型组件构建大型应用；任何页面都可以抽象为组件树； show-text 当DOM作为模板时会受到HT 阅读全文
使用vue实现行列转换的一种方法。
2019-08-06 14:20 by 金色海洋（jyk）, 5346 阅读, 收藏, 编辑
摘要：
行列转换是一个老生常谈的问题，这几天逛知乎有遇到了这个问题。一个前端说，拿到的数据是单列的需要做转换才能够绑定，折腾了好久才搞定，还说这个应该后端直接出数据，不应该让前端折腾。 这个嘛，行列转换在后端也不是很好解决的问题，而且还有一个性能的问题，综合考虑，我还是觉得应该由前端进行行列转换。光说不练假 阅读全文
从后端到前端之Vue（五）小试路由
2019-07-30 20:04 by 金色海洋（jyk）, 873 阅读, 收藏, 编辑
摘要：
一开始我还以为vue的路由只能用在工程化的项目里面呢，然后研究了一下才发现，在脚本化里面也是可以用的。其实呢不管在哪里用，把原理研究明白就对了。 一、 官网demo 这里不得不吐槽一下官网，写的不清不楚的，在哪里使用都没有说清楚，几行代码一句话就轻飘飘的交代完事了，剩下的事情还得自己研究，比如 HT 阅读全文
从后端到前端之Vue（四）小试牛刀——真实项目的应用（树、tab、数据列表和分页）
2019-07-25 14:21 by 金色海洋（jyk）, 1399 阅读, 收藏, 编辑
摘要：
带着问题去学习，我感觉这种方式学的最快。当然也可能会漏掉点东东。 阅读全文
从后端到前端之Vue（三）小结以及一颗真实的大树
2019-07-24 10:47 by 金色海洋（jyk）, 1158 阅读, 收藏, 编辑
摘要：
上一篇写了一下tab，下面整理一下用过的知识点，本想按照官网的文档，整理一下可以更清晰，结果也许是我的方法不对吧，总之更模糊了。 按照官网文档的顺序整理到了表单输入绑定之前，因为之前大致也就只涉及到这一些，另外一个原因就是整理的有点头晕晕。 先展示一下成果吧。Emmm，好吧，很怀疑自己的归纳总结的能 阅读全文
从后端到前端之Vue（二）写个tab试试水
2019-07-19 13:25 by 金色海洋（jyk）, 1344 阅读, 收藏, 编辑
摘要：
上一篇写了一下table，然后要写什么呢？当然是tab了。动态创建一个tab，里面放一个table，这样一个后台管理的基本功能（之一）就出来了。 好吧，这里其实只是试试水，感受一下vue的数据驱动可以怎么玩，通过一个个实例学习一下vue的各个知识点。这里要看看方法和css如何设置。 一、目标 1、 阅读全文