<!-- | |
* inline style with data binding | |
--> | |
<template> | |
<div onclick="update"> | |
<text style="font-size: 48px; color: #0000ff">Hello</text> | |
<text style="font-size: {{size}}; color: {{color}}">Hello</text> | |
</div> | |
</template> | |
<script> | |
module.exports = { | |
data: { | |
size: 32, | |
color: '#ff0000' | |
}, | |
methods: { | |
update: function (e) { | |
this.size = 48 | |
} | |
} | |
} | |
</script> |