vue代码不显示结果?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>method</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
   <!--模板-->
    <div id="demo"></div>
    <script>
        let obj={
            html:"<div>Hello,miaov</div>",
            abc:1
        };
        var vm=new Vue({
            el:"#demo",
            data:obj,
            render(createElement){
                return creatElement(
                    "ul",
                    [
                        createElement('li',1),
                        createElement('li',2),
                        createElement('li',3)
                    ]
                );
            }
        });
    </script>

</body>
</html>

运行上述代码,浏览器内没有任何东西显示?

回复
阅读 2.5k
2 个回答

render(createElement){
return creatElement(

看看加粗的部分有什么不一样,能不犯低级错误了吗,学习的时候随时开着控制台。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>method</title>
<script src=" https://cdn.jsdelivr.net/npm/...;></script>
</head>
<body>
<!--模板-->

<div id="demo"></div>
<script>

let obj={
    html:"<div>Hello,miaov</div>",
    abc:1
};
var vm=new Vue({
    el:"#demo",
    data:obj,
    render (createElement) {
        return createElement(
            "ul",
            [
                createElement('li',1),
                createElement('li',2),
                createElement('li',3)
            ]
        );
    }
});

</script>
</body>
</html>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏