美文网首页
2020-01-22

2020-01-22

作者: 竹子和鸟儿 | 来源:发表于2020-01-23 15:29 被阅读0次

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解析时,页面不展示该元素。

相关文章

网友评论

      本文标题:2020-01-22

      本文链接:https://www.haomeiwen.com/subject/nyynzctx.html