如何在HAML中使用冒号或点添加自定义属性？

Question

我开始Vue.js在事件处理程序需要冒号，有时点工作：

<div v-on:click="doSomething">

或<div v-on:keyup.enter="doSomething">

但HAML的突破：

%div{ v: { on:click: 'doSomething' } }

和双用点：%div{ v: { on:keyup.enter: 'doSomething' } }

有没有办法使用它们，不知怎么就像下划线来得到连字符？

例子：%div{ data: { my_value: 'something' } }

将呈现：<div data-my-value="something">

Answer 1

只需使用字符串而非符号映射键：

%div{ v: { 'on:click' => 'doSomething' } } 

和

%div{ v: { 'on:keyup.enter' => 'doSomething' } }