关于vue.js:在vue的模版中和react的一些小区别

3次阅读

共计 432 个字符,预计需要花费 2 分钟才能阅读完成。

明天在学习 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 才能够下定论。

正文完
 0