是否可以使用 jquery 插入 VueJs 组件？答案

【问题标题】：Is possible ton insert a VueJs Component with jquery?是否可以使用 jquery 插入 VueJs 组件？
【发布时间】：2021-02-15 21:18:16
【问题描述】：

我有一个大型应用程序，我曾经使用 jquery 来动态更改视图：

$(function(){
    $(".changeview").bind("click",function(){     
        $.post(linkAction,phpData,function(data){
                $('#loaded').append(data);                                    
        },"json");
    });

});

现在我发现了 VueJs，我想知道我是否可以偶尔加载完全自主的 vuejs 组件。在数据中，我返回一个 vue 组件（在 json 中），如下所示：

<div id="app">        
        <ul>
            <li v-for="p in persons">
                {{p.nom}}, {{p.prenom}}, {{p.age}}
            </li>
        </ul>
     
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                persons:[{
                    "prenom": "Emalee",
                    "nom": "Ridges",
                    "age": 55
                    },{
                    "prenom": "Lil",
                    "nom": "Tuvey",
                    "age": 38
                    }]
            },
        
        })
    </script>

但是vue组件没有显示为组件而是显示为文本

Uncaught ReferenceError: Vue is not defined

有什么想法吗？

【问题讨论】：

标签： jquery vue.js

【解决方案1】：

你说得对！未加载 VueJs 模块。现在它很好，错误是：

[Vue warn]: Cannot find element: #app

当我的 dom 尚未完成更新并且我的 id #app 标签还不存在时，就像 Vue () 试图运行一样吗？

【讨论】：

【解决方案2】：

仔细检查您是否包含 vue.js 脚本参考

【讨论】：

是的，我将