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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,672评论 0 25
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,381评论 4 129
  • 一天,小兔子,乌龟和小松鼠在图书馆看书,这时,小刺猬拿着书走过来,它坐在了小兔子的旁边,刚坐下小兔子立马跳...
    无人机驾驶阅读 169评论 0 0
  • 今天是她们来雄鹰少年军事研学夏令营的第二天,虽然很热,也很累 ,但她们还是在坚持着,一滴滴汗水从眼睛上留下,她们并...
    陈雪彤阅读 450评论 3 0
  • 戈壁黄沙阅读 313评论 0 0

友情链接更多精彩内容