Question

我有一个由一组UI控件组成的页面，用于处理插入到同一页面上的iFrame中的动态内容。

有一段时间我已经开始使用Vue.js将控件链接到iFrame中的目标，但现在我不确定它是否适合。正如我所看到的那样，动态内容是问题所在，我实际上有点惊讶，有点失望，因为我很快就与Vue达成了障碍。

但总有可能我在评估中遗漏了一些东西，或者我可以通过一个简单的插件获得我需要的东西，或者只是在视角上稍微改变一下？所以，在我把它（Vue.js）之前，我想问你我是否看错了。

我已经看过很多教程将Vue.js描述为jQuery的另一种选择（或者真正的升级），但我不认为这是这种情况。关于jQuery的好处在于你可以针对任何事情进行操作，只需很少准备就可以很快完成。

Vue.js的情况似乎并非如此。如果我错了，请纠正我，但似乎必须首先准备你所针对的每个元素 - 通常是通过Vue.js指令，文本插值，事件处理等的组合。这可以在声明性渲染下进行分组。

另一个观察结果是，到目前为止我在Vue.js中看到的所有用例中，UI控件和目标都保存在（作为子元素）Vue.js实例所针对的元素中。以下是文档中的一个示例，用于说明：

<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">Reverse Message</button>
</div>

var app5 = new Vue({
  el: '#app-5',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})

在我的用例中，如果我必须在一个Vue实例中包含控件和目标，我将不得不在DOM中定位一个相当高的节点。

最后，让我用我的用例中的一个简单示例结束：假设我的控件面板中有一个滑块（只是一个带有范围类型的普通输入），我希望它能控制一个段落的填充在我的iFrame里面知道该段是动态的，并且无法事先为Vue绑定做好准备：我是否仍然可以使用Vue或者我应该坚持使用jQuery？谢谢。

Vue.js可以用来操纵动态内容吗？

0 个答案: