在vue的模版中和react的一些小区别

简介: 在vue的模版中和react的一些小区别

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

首先React

先看下面的简单的代码,

image.png

实现的页面如下:

image.png

点击按钮可以在控制台看到

image.png

接下来是Vue

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

image.png

页面如下

image.png

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

image.png

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

如果要用怎么办呢?

可以在<script>标签中拿到window对象,然后自己使用。

image.png

至于为什么,目前对我来说还得继续学习Vue才可以下定论。


相关文章
|
11天前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
|
11天前
|
前端开发
Vue2和Vue3的区别,在setup中定义的数据,在data(){return中能否定义到},在setup我们不能用this,写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别,在setup中定义的数据,在data(){return中能否定义到},在setup我们不能用this,写在return中可以用this,但是不能在setup否则会报错
|
2天前
|
JavaScript 前端开发 API
vue和react对比
【7月更文挑战第12天】 Vue和React是前端两大主流框架,各具特色。Vue以其简单API、双向绑定、模板语法和组件化开发吸引开发者,适合快速开发和新手。它的生态系统包括Vuex和Vue Router等。React以虚拟DOM、高性能、组件化和灵活性著称,大型项目和复杂应用常选React,且有庞大社区和丰富的第三方库。选择取决于项目需求、团队技能和未来扩展性。
8 3
|
13天前
|
前端开发 JavaScript 数据管理
前端框架对比:React、Vue与Angular
【7月更文挑战第2天】React、Vue和Angular是前端三大框架,各有特色。React以组件化和虚拟DOM著称,适合大型SPA;Vue轻量且易用,适用于快速开发;Angular是全面解决方案,适合复杂应用,但学习成本高。选择取决于项目需求和团队技能。
|
18天前
|
JavaScript 前端开发 API
vue3和vue2的区别
vue3和vue2的区别
|
18天前
|
前端开发 JavaScript 开发者
探索现代前端框架:从React到Vue.js
【6月更文挑战第26天】在数字时代的浪潮中,前端框架如同建筑的基石,支撑着互联网界面的创新与发展。本文将带领读者穿梭于React与Vue.js这两个最受欢迎的前端框架之间,揭示它们的核心特性、设计理念以及在实际开发中的应用差异。通过比较分析,我们将理解每个框架的优势和局限,并探索如何根据项目需求作出明智的选择。加入我们,一起深入前端技术的瑰丽世界,发现构建未来网络界面的无限可能。
|
26天前
|
移动开发 Dart 前端开发
深度分析:React Native、Flutter、UniApp、Taro、Vue的差异
深度分析:React Native、Flutter、UniApp、Taro、Vue的差异
72 6
|
27天前
|
JavaScript 算法 前端开发
vue和react的diff算法的区别
vue和react的diff算法的区别
|
10天前
|
JavaScript
vue中v-bind和v-model有什么区别?
在Vue.js中,v-bind和v-model都是指令,用于实现数据和DOM元素之间的双向绑定,但它们的使用场景和功能有所区别。
10 0
|
14天前
|
JavaScript
vue $router与$route的区别详解
vue $router与$route的区别详解
6 0