vue 中是如何根据你dom 中双大括号中的字符串找到值的？

在 vue 中我们需要得到某个对象的值，在dom 节点中显示出来。是这样写的例如：

<div>{{info.skill.location}}</div>

vue把字符串分割成数组，然后利用数组 reduce 方法找到这个对象的值。

创建一个对象：

var obj = {
        name:'猴子',
        info:{
            skill:{
                location:'花果山水帘洞',
                sex:'male'
            }
        }
    }

把对象转换成字符串

var locat =  attrStr.split('.').reduce((newObj,k) => newObj[k],obj)
console.log(locat)

数组 reduce 的用法

 数组.reduce((上次计算的结果，当前循环的item项) => {return 上次的结果 + 当前循环的 item 项},初始值)