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