vue数据绑定总结

数据绑定是将数据和视图关联,当数据发生变化的时候,可以自动更新视图。这也是数据的单向绑定。

数据的双向绑定是,视图和数据是相互影响的。当视图中的值改变后,数据随之改变,数据改变后视图随之改变(v-model)。

vue中关于数据绑定的方式有插值指令两种。指令出现在标签上,插值出现在标签的开始和结束之间,但也能出现在标签上(绑定自定义属性的值)。

###Vue指令和自身特性内不允许使用插值###

 

关于数据绑定的总结如下图:

vue数据绑定总结

表达式包括JavaScript表达式和过滤器组成。插值和指令都只接受表达式,参数其实也就是最简单的表达式。

###JavaScript表达式中,条件控制语句是不支持的,可以使用三元表达式###

当表达式的值发生变化的时候,这个变化将会反应到dom上,这就是数据绑定。