Vue源码解析-简单实现文本插值并且简单封装(三)

Vue中最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法 (即双大括号){{}}的形式来进行数据的绑定,我们这里来进行一个简单的复刻,并且用字符串路径来访问对象成员,完成一个简单的封装。

"root"> <div> <div> <div> {{name}}{{message}} div> div> div> <p>{{name}}p> <p>{{message}}p> <p>{{frit.fritOne}}p> <p>{{frit.fritTwo}}p>

最后我们完成的效果为这样

Vue源码解析-简单实现文本插值并且简单封装(三)_第1张图片 

 

你可能感兴趣的:(vue.js,前端,javascript)