- 博客(14)
- 收藏
- 关注
原创 Vue事件修饰符
事件修饰符是自定义事件行为,配合v-on指令来使用,写在事件之后,用“.”符号连接。1、.stop:修饰符阻止事件冒泡行为。默认的事件传递方式是冒泡,所以同一事件类型会在元素内部和外部触发,有可能会造成事件的错误触发,所以需要用.stop。2、.prevent:阻止默认事件行为。3、.capture:事件捕获。事件捕获的执行顺序是由外部结构向内部结构执行,与事件冒泡的顺序相反。4、.self:用来实现只有DOM元素本身会触发事件。5、.once:用于阻止事件多次触发,只触发一次。.
2022-07-18 16:39:14
1214
原创 vue内置指令
通过内置指令就可以用简洁的代码实现复杂的功能。常用内置指令:1、v-model:主要实现数据双向绑定,通常用在表单元素上input。2、v-text:在DOM元素内部插入文本内容。3、v-html:在DOM元素内部插入HTML标签内容。(v-text与v-html不同的是,v-html的内容可以是HTML结构)4、v-bind:可以实现属性单向数据绑定。5、v-on:事件监听指令,直接与事件类型配合使用。6、v-for:可以实现页面列表渲染,常用于循环数组。7、v-if ..
2022-07-18 15:59:52
2052
原创 vue实例配置选项
1、el表示唯一根标签,class或id选择器可用来将页面结构与Vue实例对象vm中的el绑定。2、data表示Vue实例数据对象,用来初始数据。3、methods用来定义方法,在定义的方法中,this指向Vue实例本身。4、computed:当有一些数据需要随着其他数据变化而变动时,用computed计算属性。5、watch:状态监听功能,只需监听当前Vue实例中的数据变化,就会调用当前数据所绑定的事件处理方法。6、filters过滤器:a.在插值表达式中可以使用过滤器{{data
2022-07-18 15:20:44
1681
原创 前端开发专业实习报告
专业实习开始于6月13日,结束于7月1日,短暂而充实的三周,就这样结束了。重新回顾HTML、CSS、JS和vue的知识点的时候,我觉有时候学习的知识再去回顾的时候有一些不同的理解,就像是有一句俗话所说“书读百遍其义自见”,老师又通过做相关项目,让我们运用到了实践中去,收获满满。 首先,老师介绍了web前端行业的应用领域、前景以及发展方向。web前端就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页。前端主要需要掌握到三大技术,HTML,CSS及JavaSc...
2022-07-13 09:26:46
17784
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人