对象取值的技巧

var obj = {name:"li",age:19};
var v1 = obj.name;//使用点的方式
var v2 = obj["name"];//使用中括号的方式，此时要加引号
在实际项目中一般使用点，会方便许多，但是如果key是变量的话就不能使用点了，js会理解变量为对象的key值
var v2 = obj[key];  //key是变量

• 结合具体实例看一下常量的合理使用和对象key值为变量时取值方法：
  尽管JS中没有常量的正式概念，但它还是很有用的，这种将数据从应用逻辑分离出来的思想，它能让代码更容易维护，并且在数据更改的时候保护代码。

重复值：任何在多处用到的值都应该抽取为一个常量
用户界面字符串：任何用于显示给用户的字符串，都应该抽取出来以方便国际化
URLS: 推荐用一个公共地方存放所有的URL
任意可能会变更的值：每当你用到字面量值的时候，考虑一下这个值以后会不会变更，如果会，那么这个值就应该提出来做为一个常量。

<div :class="[skinColor]"></div> //class是变量时此处用中括号[]
const SKIN = {
    '#C1E0FF': 'skin-blue',     // 蓝色主题
    '#C6EDEB': 'skin-green',    // 绿色主题
    '#E8D1F6': 'skin-purple',   // 紫色主题
    '#FFE8CE': 'skin-yellow'    // 黄色主题
}

//data.styleTemplate为接口中获取到的色值
data(){
  return{
    skinColor: '',
    //接口请求：
    this.skinColor = SKIN[data.styleTemplate]  //映射value--对象取变化value的方法
  }
}