web前端框架设计第三课-基础特性

03-23 2428阅读 0评论

web前端框架设计第三课-基础特性

一.预习笔记

1.Vue实例

每个Vue.js的应用都需要通过构造函数创建一个Vue的实例
语法格式:var 实例名=new Vue({})
特性1–挂载元素:Vue的实例需要具体的存放位置,而挂载元素el就是提供者

web前端框架设计第三课-基础特性 第1张

特性2–数据:每个Vue实例中都可以定义大量的数据用于后面的调用,但是所有的数据都必须定义在data中

web前端框架设计第三课-基础特性 第2张

文本输出的3种方式:{{}}、v-html、v-text
特性3–方法:每个Vue实例中都可以定义大量的方法用于调用,但是所有的方法必须定义在methods中

web前端框架设计第三课-基础特性 第3张

钩子函数(生命周期函数)
beforeCreate()、created、mounted、beforeDestroy、destroyed

web前端框架设计第三课-基础特性 第4张

2.数据绑定

2-1-1:文本插值 {{}}

web前端框架设计第三课-基础特性 第5张

2-1-2:插入Html v-html

web前端框架设计第三课-基础特性 第6张

2-1-3:插入文本 v-text

web前端框架设计第三课-基础特性 第7张

2-1-4:绑定属性 v-bind

web前端框架设计第三课-基础特性 第8张

2-1-5:{{}}中的表达式(三目运算符)

web前端框架设计第三课-基础特性 第9张

2-2-1:全局过滤器

web前端框架设计第三课-基础特性 第10张

二.课堂笔记

三.课后回顾





–行动是治愈恐惧的良药,犹豫拖延将不断滋养恐惧


免责声明
1、本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明。
2、本网站转载文章仅为传播更多信息之目的,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所
提供信息的准确性及可靠性,但不保证信息的正确性和完整性,且不对因信息的不正确或遗漏导致的任何
损失或损害承担责任。
3、任何透过本网站网页而链接及得到的资讯、产品及服务,本网站概不负责,亦不负任何法律责任。
4、本网站所刊发、转载的文章,其版权均归原作者所有,如其他媒体、网站或个人从本网下载使用,请在
转载有关文章时务必尊重该文章的著作权,保留本网注明的“稿件来源”,并白负版权等法律责任。

手机扫描二维码访问

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,2428人围观)

还没有评论,来说两句吧...

目录[+]