明天在学习vue的过程中,遇到了一个小问题,在vue的模版<template>标签中无奈间接调用windows对象身上的办法,而react中能够,感觉这个问题还挺容易遇到的,来记录一下。


首先React

先看上面的简略的代码,

实现的页面如下:

点击按钮能够在控制台看到

接下来是Vue

代码如下,首先就会看到 @click事件绑定就呈现了报错。

页面如下

当咱们点击按钮的时候,控制台会提醒,找不到log这个属性或者办法。

间接说论断,在vue的template里都是应用了vue实例中或者Vue构造函数身上的属性和办法,当你在template里调用console.log办法时候,它会去vm(假如vm=new Vue())这个实例对象身上找console.log这个办法,后果没有,那么就回去vm__proto__原型对象身上找,那必定也没有。

如果要用怎么办呢?

能够在<script>标签中拿到window对象,而后本人应用。

至于为什么,目前对我来说还得持续学习Vue才能够下定论。