美文网首页
Vue部分基础知识点总结

Vue部分基础知识点总结

作者: 却忘不掉你心言 | 来源:发表于2018-06-28 20:46 被阅读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)。

    相关文章

      网友评论

          本文标题:Vue部分基础知识点总结

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