美文网首页
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部分基础知识点总结

    Vue基础知识点: 1.Vue:过滤html标签 ----{{{数据名}}}. 2.Vue:单次插值语法: ...

  • Vue基础篇

    Vue基础总结 详情可以去官网了解https://cn.vuejs.org/v2/guide/ 链接式引用 知识点...

  • iOS Block 部分一

    主要讲解 Block 的底层实现原理; Block部分一Block部分二Block部分三Block知识点总结 基础...

  • (十一)async和await

    本节知识点 async await 知识点async 基础部分 高级部分

  • Vue学习总结(2019.7.31-8.4)

    Vue学习总结 目录 vue基础知识(1-13)vue 引入,实例化vue 数据 & 方法vue 绑定(:)vue...

  • Vue基础知识点总结

    这几天出去面试的同学说vue的知识点快忘光了,于是整理了一下,不过也只是一部分,不是很全

  • Vue知识点合集

    Vue vue.js中el是什么vue 基础知识Vue杂七杂八的知识点(此篇比较老了)指令vue v-text &...

  • 学习链接

    vue-router教程总结 vue生命周期和钩子函数 详解vue生命周期 Vue2.0八——知识点整理 vuex...

  • 无标题文章

    综和复习本月知识点总结: 一:微信小程序 二:vue复习 三:js复习 四:新知识点 一:微信小程序知识点总结 开...

  • 2021前端面试

    174道JavaScript 面试知识点总结(下) [Vue中文社区](javascript:void(0);) ...

网友评论

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

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