vue
文章平均质量分 78
Leo·five
这个作者很懒,什么都没留下…
展开
-
你了解Vue的响应式原理吗?
⼀、你了解Vue的响应式原理吗?⾸先要了解Vue中的三个核⼼类:1. Observer: 给对象的属性添加 getter 和 setter,⽤于依赖收集和派发更新2. Dep: ⽤于收集当前响应式对象的依赖关系,每个响应式对象包括⼦对象都拥有⼀个 Dep 实例, dep.subs是watcher实例的数组. 当数据有变更时,会通过 dep.notify()通知各个 watcher。3. Watcher: 观察者对象, 实例分为 render watcher(渲染), computed wat原创 2021-06-08 21:54:40 · 84 阅读 · 0 评论 -
Vue3的响应式原理学习
Vue2的响应式原理是存在一些缺点 默认会递归、消耗较大 数组响应化需要额外实现 新增/删除属性属性无法监听 Map、Set、Class 等无法响应式,修改语法有限制 而Vue3使用ES6的Proxy特性来解决上面这些问题,本篇文章我将带大家深入了解Vue3的响应式原理并在最后通过Proxy实现其核心逻辑。什么是 Proxy?ES6中我们看到了一个让人耳目一新的属性——Proxy。我们先看一下概念通过调用new Proxy(),你可以创建一个代...原创 2021-02-01 14:50:28 · 906 阅读 · 0 评论 -
我从 Vuejs 中学到了什么
createApp(App).mount('#not-exist')原创 2021-01-01 13:10:12 · 349 阅读 · 0 评论 -
第三方登录
在主流的APP中,微信快捷登录已经成为了登录体系的标配,我们越来越习惯不去记忆密码,而是点击跳转到微信,再点击授权进入到APP中。我们把这类通过第三方授权授权来登录自家产品的方式,统称为第三方登录。但是有没有好奇,为什么点击一下授权,就完成了登录,如此神奇的功能背后的产品逻辑是什么?嗯,本文就是来解答你的这个疑惑的,围绕第三方登录,讲清三件事情。1.是什么?· 第三方...转载 2018-10-23 14:25:32 · 348 阅读 · 0 评论 -
正则验证
验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零的正整数:^\+?[1-9][0-9]*$...原创 2018-09-04 11:20:00 · 304 阅读 · 0 评论 -
vue数据请求loading
一般项目中,有时候会要求,你在数据请求的时候显示一张gif图片,然后数据加载完后,消失。这个,一般只需要在封装的axios中写入js事件即可。当然,我们首先需要在app.vue中,加入此图片。如下:app.vue<template> <div id="app"> <loading v-show="fetchLoading"></loa...转载 2018-08-21 13:16:50 · 1396 阅读 · 0 评论 -
vue绑定checkbox改变选中状态
<div class="weui-cells weui-cells_checkbox font14" v-for="item in items"> <label class="weui-cell weui-check__label"> <div class="weui-cell__ft width-inherit"&am原创 2018-08-21 11:52:42 · 19511 阅读 · 1 评论 -
vue axios 请求loading
1.在src文件夹里面找到main.js文件2.在main.js中引入axios,引入mint-ui import Axios from 'axios'; import Mint from 'mint-ui'; Vue.use(Mint);3.发起请求,打开loading //请求拦截器 Axios.i...转载 2018-08-15 10:22:38 · 1598 阅读 · 0 评论 -
vue页面动态切换
Vue-router结合transition实现app前进后退动画切换效果首先,配置路由并且修改路由配置配置路由的重点是给Router添加一个goBack方法,用于记录路由的前进状态 this.isBack = trueRouter.prototype.goBack = function () { this.isBack = true window.history.go(-1...原创 2018-08-15 09:59:29 · 2055 阅读 · 0 评论