继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【备战春招】第五天+vue复习

Niklause
关注TA
已关注
手记 21
粉丝 3
获赞 0

学习课程:前端工程师2022版-vue基础入门le

lesson13: 表单中双向绑定指令

2-15 表单中双向绑定指令的使用(1)-慕课网体系课 (imooc.com)

2-16 表单中双向绑定指令的使用(2)-慕课网体系课 (imooc.com)

2-17 表单中双向绑定指令的使用(3)-慕课网体系课 (imooc.com)

lesson14组件的定义及复用性,局部组件和全局组件

1-1 组件的定义及复用性,局部组件和全局组件(1)-慕课网体系课 (imooc.com)

1-2 组件的定义及复用性,局部组件和全局组件(2)-慕课网体系课 (imooc.com)

讲师:Dell老师


今天继续了昨天的课程安排,学习了vue的表单中双向绑定指令组件的定义及复用性,局部组件和全局组件。

用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。

v-model还有三个修饰符,lazy修饰符将及时触发响应变为移出焦点区域触发;number修饰符则会是输入框变为带箭头的数字增减框;trim修饰符去除字符串前后的空格。

组件的优点是,具备复用性,降低项目维护成本。

app定义的组件是全局组件,不仅可以在父组件使用,也可以在其他子组件中使用。组件的数据是被当前的组件独享的,而不会和其他的同名组件共享。全局组件只要定义了,处处可以使用,性能不高,但是使用起来简单。全局组件名字建议使用小写字母开头,局部组件建议大写字母开头,驼峰命名。

局部组件必须写在实例前面才可以被声明使用,如果key值和value值一样可以简写成一个名字。局部组件定义之后必须注册之后才能使用,性能比较高,使用起来有些麻烦。局部组件使用时,要做一个名字和组件间的映射对象,你不写映射,vue底层也会自动尝试帮你做映射。

继续加油!!!

http://img2.sycdn.imooc.com/63e792da0001f8fd25601440.jpg

http://img1.sycdn.imooc.com/63e792db0001875d25601440.jpg

http://img4.sycdn.imooc.com/63e792da000149b925601440.jpg

http://img3.sycdn.imooc.com/63e792db0001485225601440.jpg

http://img4.sycdn.imooc.com/63e792db0001df9225601440.jpg

http://img3.sycdn.imooc.com/63e792db0001093725601440.jpg

http://img3.sycdn.imooc.com/63e792dc0001f14c25601440.jpg

http://img4.sycdn.imooc.com/63e792dd00014e3d25601440.jpg

http://img1.sycdn.imooc.com/63e792dd0001ae9b25601440.jpg

http://img4.sycdn.imooc.com/63e792dd0001d99925601440.jpg

http://img4.sycdn.imooc.com/63e792dd00013d6325601440.jpg

http://img1.sycdn.imooc.com/63e792de00014bf325601440.jpg

http://img3.sycdn.imooc.com/63e792de000103df25601440.jpg

http://img1.sycdn.imooc.com/63e792de0001c14225601440.jpg

http://img2.sycdn.imooc.com/63e792df0001fac925601440.jpg

http://img3.sycdn.imooc.com/63e792df0001aa4425601440.jpg

http://img3.sycdn.imooc.com/63e792df0001eae925601440.jpg

http://img4.sycdn.imooc.com/63e792df0001e9c825601440.jpg

http://img3.sycdn.imooc.com/63e792e000017fb525601440.jpg

http://img4.sycdn.imooc.com/63e792e0000103ef25601440.jpg

http://img4.sycdn.imooc.com/63e792e00001a2ea25601440.jpg


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP