
vue
文章平均质量分 54
好奇的候选人面向对象
这个作者很懒,什么都没留下…
展开
-
el-form中数组(一重数组、二重数组以及多重数组)绑定检验的实例(prop以及rules的赋值)
prop的绑定就有上文提到的这两种方式,因此不管是几重数组都是可以的(当然没有试过三重四重数组, 应该是可以的,当然项目中应该不会出现这种情况)原创 2024-01-11 10:18:33 · 713 阅读 · 0 评论 -
vue前端实现随机生成验证码
在要使用验证码的页面引入、注册组件。创建单独组件,yzm.vue。原创 2023-11-15 11:24:44 · 352 阅读 · 0 评论 -
vue常用校验规则
【代码】vue常用校验规则。原创 2023-04-03 16:50:22 · 337 阅读 · 0 评论 -
Vue自定义指令(含常用8种指令封装)
基本概念一、自定义指令是用来操作dom的,尽管vue推崇数据驱动试图的理念,但并非所又情况都适合数据驱动。自定义指令就是一种有效的补充和扩展,不仅仅可用于定义任何dom操作,并且是可以复用的‘比如谷歌图片的加载做的非常优雅,在图片未完成加载前,用随机的背景色占位背景图片加载晚成后才直接渲染出来。用自定义只能怪可以非常方便的实现这个功能。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。原创 2023-02-24 10:44:32 · 912 阅读 · 0 评论 -
vue 全局时间总线
在离开页面之前 最好解绑一下 创建的自定义方法 因为不解绑的话所有创建的方法都会存在到 Vue.prototype.$bus 内。A组件 和 B组件 实现组件通讯。原创 2023-02-23 15:40:46 · 125 阅读 · 0 评论 -
Vue的axios二次封装
Vue的axios封装在vue项目中,经常需要封装axios,文档又看不懂。所以总结一下方法。安装引入在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口。// 在http.js中引入axios用来序列化post类型的数据,后面会提到// vant的toast提示框组件,大家可根据自己的ui组件更改。环境切换我们的项目环境可能有开发环境、测试环境和生产环境。原创 2023-02-10 16:02:13 · 488 阅读 · 1 评论 -
为什么放弃npm而使用yarn
下载速度慢: 因为npm 安装插件是从国外服务器中进行下载,远远不如国内服务器下下载快,为了解决这一痛点,淘宝团队做了国内版的 npm 叫做 cnpm ,并且对 npm 做了镜像,我们只需要全局安装 cnpm ,并且registry 成 淘宝的镜像文件,这一波操作极大了解决了下载速度的问题。npm 在执行 npm install 的时候,命令行里会不断地打印出所有被安装上的依赖,大量无用冗余信息,而yarn在安装过程只会打印出必要的信息。同一个项目,安装的无法保持一致性。安装特定版本号的项目依赖。原创 2023-02-07 17:17:51 · 444 阅读 · 0 评论 -
nvm的简介、安装、使用
的切换、安装、查看。等等,与npm不同的是,npm是依赖包的管理工具。如果安装到D盘,则需要配置相对应的环境,如图:(输入相对应的文件位置)(注意这里:默认安装到C盘,之后就不用配置环境变量了)找到nvm文件位置,点开setting。.nvm是一个node的版本管理工具,可以简单操作。之后finish就完成安装了。3.输入以下代码查看nvm可安装的node版本。然后在它后面输入以下代码:(这是配置。2.在刚刚的nvm文件位置打开cmd。4.安装所对应的版本。5.切换到安装的版本。四、nvm的一些命令。原创 2023-02-06 22:05:24 · 210 阅读 · 0 评论 -
全局数据共享——MobX(微信小程序)
开发中常用的全局数据共享方案有:Vuex、Redux、MobX 等。我们可以通过上面这张图清除的看到,如果不使用MobX全局数据共享的话,如果需要调用某个组件,则需要一层一层调用,如果定义了全局数据共享,那么可以直接拿到数据,不需要一层一层调用。在小程序中,可使用 mobx-miniprogram 配合 mobx-miniprogram-bindings 实现全局数据共享。mobx-miniprogram-bindings 用来 把 Store 中的共享数据或方法 , 绑定到组件或页面中使用。原创 2023-01-12 15:52:03 · 481 阅读 · 0 评论 -
Object.defineproperty方法(详解)
Object.defineproperty 的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性Object.defineproperty可以接收三个参数obj : 第一个参数就是要在哪个对象身上添加或者修改属性prop : 第二个参数就是添加或修改的属性名desc : 配置项,一般是一个对象来一个简单的例子这不就是添加了第三个参数里面还有6个配置控住属性。原创 2022-11-15 14:05:16 · 268 阅读 · 0 评论