2020-01-22

MVVM:

view—视图 DOM(文档对象模型),

model—模型,抽离出来的数据对象obj

ViewModel—试图模型,创建的Vue对象实例

—>如何工作

    首先ViewModel通过数据绑定让obj中的数据实时在DOM中显示

    其次ViewModel通过DOM Listener来监听DOM事件,并且通过methods中的操作,来改变obj中的数据

—>使得

    我们专注于数据的处理,和DOM的编写工作


插值操作:

*mustache语法:{{}},可以写简单的表达式

*v-once:第一次展示model中的数据,当model数据发生改变时,DOM不更新。

*v-html:以html形式展示数据。

*v-text:展示文本数据,v-text=“message”,不够灵活会覆盖标签中的数据。只显示v-text中的数据。

*v-pre:将标签中的数据原封不动的进行展示,不进行解析。

*v-cloak:在vue解析前,div中有属性v-cloak,在vue解析之后,自动删除属性v-cloak,可以通过给v-cloak属性设置样式,使得在vue解析时,页面不展示该元素。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容