Question

我正在与Vuejs建立一个网站。我有这样的代码

app.js

lift (interestingness value)

的index.html

{B,C,E}

现在我想嵌入一个由Vuejs构建的小部件，如

         Rule       | supp  |  conf   |  lift
    -------------------------------------------
     B ->  C & E    |  50%  |  66.67% |  1.33
     E ->  B & C    |  50%  |  66.67% |  1.33
     C ->  E & B    |  50%  |  66.67% |  1.77
     B & C ->  E    |  50%  |  100%   |  1.33
     E & B ->  C    |  50%  |  66.67% |  1.77
     C & E ->  B    |  50%  |  100%   |  1.33

在for (var i = (lines.length - maxlines); i<(lines.length)-1; i++){ var msg = JSON.parse(lines[i]); socket.emit('message', { message: msg.message }); console.log(msg); }课程内。我已尝试将new Vue({ el: '.page-wrapper', ... })标记放在原始Vue组件之外，但小部件的内容仍未呈现。

我是Vuejs的新手，有人可以帮助我吗？

Answer 1

我只是想刺痛......

<强>的index.html

<div id="app">
    <my-widget></my-widget>
</div>

<script src="https://cdn.jsdelivr.net/vue/2.2.6/vue.min.js"></script>
<script src="https://widget.com/widget.js></script>
<script src="main.js"></script>

<强> main.js

Vue.component('my-widget', {
    template: '<div id="widget"></div>'
});

new Vue({
    el: '#app'
});

我的Vue实例为#app，我正在widget.js加载您的index.html资产。我可能完全低估了这一点，如果是这样的话，我会道歉！

如何将vue编写的小部件嵌入到vue webapp中

1 个答案: