Vue部分基础知识点总结

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）。