用户6855672761637

当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

一 :Class绑定 可以根据data中的值让样式显示与否 写在data中的类名 也可以使用计算属性来控制,更加的灵活 二 :Style绑定 可以根据data中的值让样式显示与否,也可以使用三元表达式

一、MVVM概念 MVVM（Model–view–viewmodel）是一种软件架构模式。MVVM有助于将界面与逻辑分离开来。 MVVM模式的组成部分 模型 模型是指代表真实状态内容的领域模型（面向对

Vue 2 数据代理实现方式 Vue 2 通过 Object.defineProperty 实现数据代理。defineProperty 方法有3个参数。 第一个参数是要定义属性的对象； 第二个参数是要

计算属性 计算属性是把已存在属性组装成新的属性，计算属性放在computed配置项中，computed也是一个对象。 Vue会把 fullName 加到 vm 实例上，因此可以直接在模板中直接使用。

监听属性 监听属性也是Vue的一个配置项，写在watch里。不仅可以监听data中的属性，还可以监听computed中的属性。 监听属性有一个handler方法，当属性值发生变化时，这个方法会被调用。

一、key在Vue中的作用 key 是虚拟 dom 的标识，是 Vue 内部用的属性，不会在真实 dom 中显示。 当数据发生变化时，Vue 会根据数据生成新的虚拟Dom，再拿新、旧虚拟 Dom 进行

Vue.set() 用于向响应式对象中添加一个 property，并确保这个新 property 同样是响应式的，且触发视图更新。 示例： 添加响应式属性： 添加普通属性： 添加后 address 是