今天学习数据绑定,插值
Vue的视图模板基于DOM实现,通过数据绑定将App组件上定义的数据模型绑定到模板上 插值是Vue实现使用数据绑定的一种方式
在组件中使用data定义内部访问的数据模型:
data可以是返回一个Object对象的函数,也可以是对象属性而不要要return。使用函数返回可以拥有灵活性,比如在内部数据初始化的操作。
在模板中引用data.msg不需要data,在内部容器中在模板使用插值的方式填上msg就ok
{{ }}这种用双大括号引注的内容称为"Mustache"语法
ps:单词意思是胡子,好像真的蛮像络腮胡=。=
每当data中msg这个属性的值发生变化,它也会随之更新同步。
保存下,查看下我们的运行中的应用程序(#^.^#)
果然是deep deep dark(实时更新了)
网友评论