![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 76
vue相关
maogugu0319
这个作者很懒,什么都没留下…
展开
-
el-tree动态判断灵活设置checkbox的disabled
el-tree动态判断条件灵活设置checkbox的disabled原创 2022-03-17 15:08:28 · 2213 阅读 · 3 评论 -
浅谈vue中provide和inject 用法
provide:Object | () => Objectinject:Array<string> | { [key: string]: string | Symbol | Object }provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。是2.2.0版本 新增的。这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。provide 选项应该是一个对象或返回一转载 2020-07-10 15:45:59 · 757 阅读 · 0 评论 -
vue-cli4 && webpack高效框架(开箱即用vant版,打包仅28kb)
git demo地址:github地址element版本传送门本项目采用vue-cli 4 搭建 使用全局样式库 全局api 全局工具库####空框架打包gzip之后约为25kb(包含换肤功能,element版本仅15kb)请花费十分钟阅读说明 提高你的开发效率 提高项目的可维护性1. 目录说明 ├─assets # 静态资源 │ └─img ├─components # 组件库 │ └─global # 全局组件原创 2020-05-14 09:56:01 · 540 阅读 · 0 评论 -
vue-cli4 && webpack高效框架(开箱即用element版,打包仅17kb)
本项目采用vue-cli 4 搭建 使用全局样式库 全局api 全局工具库请花费十分钟阅读说明 提高你的开发效率 提高项目的可维护性1. 目录说明 ├─assets # 静态资源 │ └─img ├─components # 组件库 │ └─global # 全局组件 <放入后不需要注册也不需要引入> ├─decorator # 装饰器 ├─filter # 过滤器原创 2020-05-11 16:30:50 · 1908 阅读 · 1 评论 -
结合源码(Observer Dep Watcher)解析vue数据劫持 响应式原理
1、vue响应式原理流程图概览2、具体流程(1)vue示例初始化(源码位于instance/index.js)import { initMixin } from './init'import { stateMixin } from './state'import { renderMixin } from './render'import { eventsMixin } from './events'import { lifecycleMixin } from './lif.转载 2020-05-09 13:55:16 · 160 阅读 · 0 评论 -
结合源码解析vue2.0的diff算法
目录 前言 virtual dom 分析diff 总结 前言vue2.0加入了virtual dom,有向react靠拢的意思。vue的diff位于patch.js文件中,我的一个小框架aoy也同样使用此算法,该算法来源于snabbdom,复杂度为O(n)。了解diff过程可以让我们更高效的使用框架。本文力求以图文并茂的方式来讲明这个diff的过程。virtual dom如果不了解virtual dom,要理解diff的过程是比较困难的。虚拟dom对应转载 2020-05-09 10:21:52 · 97 阅读 · 0 评论 -
vue-lottie动画效果(进阶篇)
vue-lottie动画效果个人见解:优点:简单高效,动画文件小,丝滑流畅,动画可控性强缺点:依赖包非常重,对动画要求不高的项目不太建议使用仓库地址模仿demoblog掘金vue项目 用到了vue-lottie动画效果分析官方demo先来一个简单的尝尝鲜vue-lottie仓库vue-lottie demo打开仓库可以看见很多很棒的效果(n...转载 2020-05-08 15:26:12 · 1625 阅读 · 3 评论 -
vue修饰符--可能是东半球最详细的文档(滑稽)
为了方便大家写代码,vue.js给大家提供了很多方便的修饰符,比如我们经常用到的取消冒泡,阻止默认事件等等~目录表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符(实在不知道叫啥名字)表单修饰符填写表单,最常用的是什么?input!v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy<div> <input t...转载 2020-05-07 14:07:42 · 95 阅读 · 0 评论 -
巧用ES7装饰器 从重复的逻辑代码中解放
1. 什么是装饰器java 中称之为注解 javascript 中装饰器的作用更加强大 装饰器是 方法 或者 类 的重定义 实现原理是 Object.defineProperties 装饰器 在运行前 并不是真实的可用代码 而是对代码的描述与修改 装饰器 不是 runtime2. 我们使用了哪些装饰器 装饰器 目前有 类装饰器 与 方法装饰器不可以对属性使用装饰 不可以对函数...原创 2020-05-06 16:38:40 · 247 阅读 · 0 评论 -
Vue 3.0 全家桶抢先体验
序就在今天凌晨 4 点左右,vue-next v3.0.0-beta.1 版本发布,这意味着 Vue 3.0 全家桶正式登场,发布内容包括:vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha vue-cli: Experimental support via vue-cli-plugin-vue-ne...转载 2020-05-06 16:10:12 · 124 阅读 · 0 评论