Question

我有一个很大的应用程序，我曾经使用 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组件没有显示为组件而是显示为文本

未捕获的引用错误：Vue 未定义

有什么想法吗？

Answer 1

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

[Vue warn]: Cannot find element: #app

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

Answer 2

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

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

2 个答案: