welkinz

短横线分隔命名。 比如<my-component> 首字母大写命名。 比如<MyComponent> ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。 在子组件中使用 slot 做一个插槽，父组件中的内容就可以插到这个插槽里边。 只有提…

方法和事件监听事件事件处理方法实例若方法有参数，不加()，默认传递原生事件对象event内联处理方法实例事件修饰符实例向上冒泡.stop.prevent.capture.self.once.passi

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 set 设置属性，并不是直接修改计算属性，而是修改它的依赖。 methods 方法具有相同效果，还可以接受参数，使用更灵活。 computed 与 methods 的选择取…

vue.js 是一套构建用户界面的渐进式框架。 vue.js 是一个构建数据驱动的 web 界面的库。 vue 核心库只关注视图层。 vue.js 是一个MVVM库。 所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。 通过数据…

属性作用在grid容器上grid-template实例：https://jsbin.com/dubatudafo/edit?html,css,outputgrid-template-columnsgr

谁大谁上：当具有明显的层叠水平标示的时候，如识别的z-index值，在同一个层叠上下文领域，层叠水平值大的那一个覆盖小的那一个。 后来居上：当元素的层叠水平一致、层叠顺序相同的时候，在DOM流中处于后面的元素会覆盖前面的元素。

display: inline;和display: inline-block;、display: fixed;在position影响下会变成block。 display: table;没有被影响。 position: fixed; + transform;导致相对父元素定位而不…

设置负边距（使左右元素回到左右位置），left负边距设置为100%，right负边距设置为负的自身宽度。 设置父元素main的padding值给左右子元素留出空间。 将左右子元素设置为position: relative;(解决中间区域部分内容被遮挡的问题)，left元素的le…

注意：如果元素是以容器右边缘对齐，则其实位置为右。