Vue指令,修饰符

MVC:后端的分层开发概念。

MVVM:是前端视图层的分层开发思想。


在vm实例中,如果想要获取data上的数据,或者想要调用methods中的方法,必须通过this.数据属性名火this.方法名来进行访问,这里的this,就表示vm实例对象。另外,vm实例中会监听自己身上data中所有数据的改变,只要数据一发生变化,就会自动把最新的数据从data上同步到页面中去。

指令

v-cloak:能够插值闪烁的问题。

v-text:会覆盖元素中原本的内容,但是插值表达式只会替换自己的这个占位符,不会把整个内容清空。

v-html:会以html格式放在原位置上。

v-bind:是vue中,提供的用于绑定属性的指令;v-bind指令可以被简写为  :要绑定的属性;v-bind中,可以写合法的js表达式。

v-on:绑定机制,v-on:事件=“函数名”(函数在methods中定义),缩写为@。

修饰符

.stop:阻止冒泡事件

.prevent:阻止默认行为

.capture:实现捕获触发事件(由外到内)

.self:实现只有点击当前元素的时候,才会触发事件处理函数(只阻止自己本身的冒泡事件,并不会阻止冒泡事件)

.once:只触发一次事件处理函数

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

推荐阅读更多精彩内容