Vue部分基础知识点总结

2018-06-28  本文已影响0人  却忘不掉你心言

Vue基础知识点:


1.Vue:过滤html标签  

     ----{{{数据名}}}.

2.Vue:单次插值语法:

    {{*数据的名称}}  (三个括号,支持单词插值表达式+*);

插值表达式:可以应用js表达式,加减乘除,字符串拼接方法调用等等。。

3Vue:插值过滤器:

在插值过程中可以调用过滤器进行数据对比,表达式的写法可读性差,并可复用性差,因此Vue不建议直接用表达式,

而是建议我们用过滤器,Vue内置很多过滤器。     ------语法:{{数据 | 过滤器的名称}};

4动态插值:

是说在插值前,可以对数据执行一次函数,这个函数的返回值就是我们要插入页面的内容。

(1).静态插值写在data属性中。

(2).动态插值写在computed属性中。

相同点:动(computed)静(data)属性一样,属性值都是一个对象。

不同点:静对应对象的叶子属性是一个值类型的数据。同台插值对应对象的叶子属性是一个函数,并且函数要有返回值,

这个返回值就是将要插入页面中的数据。

(3).在动态插值的属性方法中。它有一个参数表示Vue实例化对象。   它的作用域是Vue实例化对象。

5.数据双向绑定。

以前的插值,只是讲一个(m)中的数据,插入页面中的一个流程,它是一个数据到视图的一个流向过程,过程方向是单一的。

双向绑定不仅可以通过数据(m)的改变去影响视图(v)还是当视图的内容改变(v)去影响模型中的数据(m)。

上一篇下一篇

猜你喜欢

热点阅读