为了账号安全,请及时绑定邮箱和手机立即绑定

为什么vue执行 mounted() 生命周期时,页面的插值表达式还没给替换掉?

为什么vue执行 mounted() 生命周期时,页面的插值表达式还没给替换掉?

HUX布斯 2019-05-19 13:42:35
根据vuejs官方的生命周期图问题:为何我执行mounted()函数时,发现页面的{{xxx}}表达式还没给替换成真正的数据呢?测试代码如下:<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></title>        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>    </head>    <body>        <div id="app">            <h1>{{message}}</h1>        </div>    </body>        <script>        var vm = new Vue({            el:'#app',            data:{                message: '我是一个消息'            },            mounted() {                alert("mounted");            }        });    </script></html>测试结果:
查看完整描述

2 回答

?
心有法竹

TA贡献1866条经验 获得超5个赞

alert会造成线程阻塞


查看完整回答
反对 回复 2019-05-19
  • 2 回答
  • 0 关注
  • 1444 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信