Vue指令,修饰符

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

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


Vue指令,修饰符_第1张图片

在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:只触发一次事件处理函数

你可能感兴趣的:(Vue指令,修饰符)