如何在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' } }