玉逍遥

它是一个3元运算符，首先判断this.$slots&& this.$slots.default,如果不存在直接返回false，不存在的情况就是子元素为空。this.$slots是组件的实例属性，组件是可复用的Vue的实例，和 new Vue()一样是实例，因此有以下属性 因此这…

我们一步步分析，首先很明确，<el-button>就是封装了原生的button而已，原生button有个地方需要注意，请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值,值有3种,button,subm…

官网说的很清楚，这就相当于进行了一个双向绑定，对input输入框的input事件进行监听，当键盘敲下时就实时改变searchText的值，同时修改searchText的值，输入框的value也跟着变化。那么底层是怎么处理互斥的呢？通过查看v-model相关源码 然后第二句:cl…

简介复选框的逻辑比单选框更为复杂，代码量也更多，这里只介绍其与单选框不同的逻辑，其余的分析参考单选框先上代码,官网代码点此是不是看的一脸懵逼，最好是打开官网，对照checkbox用法一项项来分析其原理

可以看出-webkit-appearance:none,outline:none这些用法在和各个组件内都很普遍，目的就是去掉浏览器自己渲染出的样式，统一规定样式。这里的transition居然使用了贝塞尔曲线进行过渡，话说过渡时间才0.2秒，使用贝塞尔曲线能看出来么？直接eas…

这里的意思是当controls-right类被加上后,decrease这个类的css变化为上面的内容，也就是将减按钮从原本的左侧放置到右下角，我开始不明白这里的top:auto,left:auto是干嘛的，后来控制台调试得知，因为decrease类原本的top是1px，left…