I want bind pre-rendered html text

[suisho]

Hi.
I try bind (in other word attahced) vue vm object with rendered from server.

And I can't this with v-text directive, but v-text override value.

<div id="bar" >
  <div v-text="baz" v-on="click:changeBaz">
    Some text Baz
  </div>
</div>
<script>
  var useText = new Vue({
    el : "#bar"
  })
  console.log(useText.baz) // output undefined. This is NOT my wanted behavor
</script>

Secondly, I found solution thatn use v-model.
But in document, I may should not use v-model with div.

<div id="foo" >
  <div v-model="baz" v-on="click:changeBaz">
    Some text Foo
  </div>
</div>
<script>
  var useModel = new Vue({
    el : "#foo"
  })
  console.log(useModel.baz.trim() == "Some text Foo") // true. This is my wanted behavor
</script>

Can you tell me good solution?

[yyx990803]

Currently Vue doesn't have the ability to pick up an already rendered template, but I'm working on a big rewrite at the moment and that is part of the plan.

[suisho]

Thank you.

Can you tell me that implementation plan ( as directives , instance methods or others) ?
If you decide that, please tell me.

[gaydenko]

@suisho Dig in the next branch.

[suisho]

Ok, Thank you!