今天遇到了一个问题,关于Vue是如何访问到Date这种全局window的内置对象的。
我们都知道Date是window的一个内置对象,而alert()是window的一个内置函数,为什么能访问到内置对象,却不能访问到window的内置函数呢?
在Vue官方里有这样一句话
意思是说,只能访问到,全局变量列在白名单里的一些对象。
值得注意的是,访问的时候我们直接用就行了,不要在前面加上window,因为这样回默认是从vm实例对象上找window这个属性。
<div id="root">
<h2>今天天气很不错, {{Date.now()}}</h2>
<button @click="alert('你好')">切换天气</button>
</div>
<script>
const vm = new Vue({
el: '#root',
})
</script>
Thanks for watching