详细说明 Vue.js中的本机修饰符

修饰符是由半宽句点表示的特殊后缀。它们用于指示指令应该以特殊的方式绑定。本文介绍了修饰语。原生于Vue.js感兴趣的朋友可以看一下。天然修饰语

官方对。本机修饰符是：

有时，您可能想要监听组件根元素上的本机事件。你可以用修饰语。土生土长的v-on。例如：

my-component v-:单击。native=“做某事”/my-component简单理解为：

听一个普通HTML标记的事件，然后添加。本机修饰符不起作用。例如：

HTML代码

div id=' app ' a href=' # ' rel=' external no follow ' v-: click。native=' click fun ' click me/a/div JavaScript代码

Newvue ({el:' # app '，methods : { click fun 3360 function(){ console . log(' message 3360 success ')})结果)

侦听组件根元素上的事件，然后添加。原生修饰语。例如：

HTML代码

div id=' app ' my-component v-: click。native=' click fun '/my-component/div JavaScript代码

Vue.component ('my-component '，{ template : ` a href=' # ' click me/a `})new vue({ El : ' # app '，methods : { click fun 3360 function(){ console . log(' message : suc)

摘要

以上是的修饰语。原产于边肖引进的Vue.js。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！