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

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日

悬赏问题

  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示
  • ¥15 arduino 步进电机
  • ¥20 程序进入HardFault_Handler