<div class="layout-right-top">
    <h3>:{{message}}</h3>
    <h3 style="margin-top: 20px;">:23</h3>
</div>

-sharpdata
data:function (){
    return{
        message:"hello"
    }
}

but it doesn"t render like this that message, is empty?
but if you change it to an input box, you can render it with v-model binding? What"s the reason?

<div class="layout-right-top">
    <input v-model="message">:{{message}}</input>
    <h3 style="margin-top: 20px;">:23</h3>
</div>