注入Vue＆＃39;小胡子＆＃39;括号到HTML元素

Question

我学习Vue JS并且喜欢它到目前为止。我有一个问题，我发现很难得到任何想法。是否有可能动态地注入＆＃39;小胡子括号（不能找到这些{{fooBar}}的实际名称）到HTML元素中？具体例子......

  <!-- {{ tweet }} TO BE INJECTED BELOW -->
  <textarea cols="60" rows="4"></textarea>

我想将{{tweet}}注入textarea元素。这是因为在我的实际示例中，我无法访问和修改textarea HTML本身。我已经尝试使用jQuery .val（）来注入{{tweet}}，但是它只是作为纯文本。 This CodePen将有助于解释这种情况。

如果这样做根本无法完成，我是否可以选择动态绑定不可访问的textarea？

Answer 1

来自Vue.js documentation：

  

textareas上的插值（{{text}}）不起作用。   改为使用v-model。

所以使用jQuery，你可以简单地尝试在你的textarea中添加CompanyName属性......

＆＃13;

＆＃13;

v-model

＆＃13;

$(function () {
  $('textarea').attr('v-model', 'text');
  var vm = new Vue({
    el: '#app',
    data: {
      text: 'Lorem ipsum...'
    }
  });
});

＆＃13;

＆＃13;

＆＃13;