vue 项目心得

v-bind 数据绑定 可以简写成 ：

通过 props 将数据对象 传给 组件

export default {
    props: {
        seller: {
            type: Object
        }
    }
}

created 创建变量

两个div,图片与文字之间有空隙，父元素 font-size:0

style 中 使用 mixin 函数， 需要使用 @include 引入

通过 vertical-align：top;设置文字和图片 顶部对齐 (前提，两个元素都是 display: inline-block;)

& 代表 父元素

图标  --  图片做背景 background-size 与 图片的 宽、高 一致

解决 两个元素之间的空白间隙，设置父元素 的 font-size:0;

设置背景 模糊 ,使用滤镜， filter: blur(10px);

Css Sticky footers 布局

vue 的 data(){} 永远是一个 function, return 的内容是它 跟踪依赖的对象

vue 的 methods:{} 定义方法

注 ： label 中的点击事件 无效

computed 计算，与 :class 一起使用，定义 :class="***" 的属性，动态计算,扩展原有属性

components 注册，将其他的组件 做为 当前组件的 子组件

import(引入) 和 const(常量) 都必须写在 export default { } 之外

backdrop-filter:blur(10px); 设置模糊效果 （仅在 ios 上有效果）

将 localhost 转换为对应的 IP:

mac 环境下，执行 $ ifconfig

window 环境下，执行 $ ipconfig

多行文字 垂直居中 设置 外层 display:table; 内部 display:table-cell;vertical-align: middle;

可以通过设置不同的类名，实现图标切换

.