KaynKingIn 2021-08-27 17:05 采纳率: 100%
浏览 42
已结题

Vue的生命周期函数中beforeMount遇到的问题

当我把beforeMount函数注释掉时,网页上能够正常显示div内的message(hello world)

</html>
<body>
    <div id="root"></div>
</body>
    <script>
        const app = Vue.createApp({
            data(){
                return{
                    message:'helloworld'
                }
            },
            template:'<div>{{message}}</div>'
        });
        const vm = app.mount('#root');
    </script>
</html>

当我加入beforeMount函数后在浏览器上就无法正常显示message的内容

</html>
<body>
    <div id="root"></div>
</body>
    <script>
        const app1 = Vue.createApp({
            data(){
                return{
                    message:'helloworld'
                }
            },

           beforeMount(){
                console('beforeMount');
            },

           template:'<div>{{message}}</div>'
        });
          
        const vm = app.mount('#root');
    </script>
</html>

报错内容如下图:

img

img
在学习过程中遇到这个问题,希望有知道答案的伙伴,不舍赐教。

  • 写回答

2条回答 默认 最新

  • 西安小哥 2021-08-27 17:06
    关注

    console.log并非console

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月4日
  • 已采纳回答 8月27日
  • 创建了问题 8月27日