[错误]不能在初始化之前访问vue对象v

最新推荐文章于 2024-10-09 10:13:02 发布
最新推荐文章于 2024-10-09 10:13:02 发布
阅读量207 收藏
点赞数
分类专栏： 错误 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YJH000_/article/details/130970731
版权

在created里面访问vue对象v会报错
因为created是在vue对象初始化对象当中调用的方法，vue对象还没有初始化完成就去调用这个对象会报错。

 

出现的是不能在初始化之前访问v错误 

 

下面图中没有出现这个错误的原因：
下图中访问v是在发出异步请求之后，得到响应访问的，异步请求时开了另外一条线程去执行，created的主线程任然在往下执行，当执行到访问v时，主线程已经把created方法执行完了。

 

 解决方法：

主线程中使用this代表当前创建的vue对象(可记住在没有发异步请求的访问v对象用this)

 

万物更新_
关注
专栏目录
Vue & webpack & typescript“初始化前无法访问‘__WEBPACK_DEFAULT_EXPORT__‘”
weixin_41656074的博客
03-10 3893
我用webpack来编译vue & typescript代码。Webpack编译所有代码都没有任何错误，但在运行时，App.vue中的某些内容会出错。 如果我将lang="ts"属性添加到我单个文件组件中的脚本标记中，则会生成错误Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization 解决方式： module.exports = { ... module:
《React后台管理系统实战：十六》解决用browserRouter ——【end】
*
06-30 1147
一、使用 BrowserRouter 的问题 a. 问题: 刷新某个路由路径时, 会出现 404 的错误 b. 原因: 项目根路径后的 path 路径会被当作后台路由路径, 去请求对应的后台路由,但没有 c. 解决: 使用自定义中间件去读取返回 index 页面展现 d. 注意: 前端路由的路径不要与后台路由路径相同(并且请求方式也相同) 二、解决：实操 0.前端/src/api/index.js未改动，仅做参考 import ajax from './ajax' import jsonp from 'j
[已解决]Uncaught ReferenceError: Cannot access “options” before initialization
m0_51749295的博客
12-25 3631
关于Uncaught ReferenceError: Cannot access “xxxx” before initialization报错的一些解决思路
无法执行vue初始化命令的解决方法
weixin_44220680的博客
11-29 973
前段时间在有 vue 脚手架的时候,遇到了这个问题. vue : 无法加载文件 C:\Users\36910\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息 ，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1...
vue初始化加载数据报错问题
元仙僧的博客
05-15 2930
报错如下： 数据在后台可以打印出来，但是加载页面时报错 数据结构： 数据加载 初始化进行调用，如下： 原因： 在初始化加载时定义currentPage为一个空对象，当初始化调用函数时解析至currnetPage后pagedefine因为没有初始化定义所以找不到它就会报错 解决办法： 在currnetPage中将pagedefine也进行定义。 总结： 在template中调用的所有da...
Vue实例初始化的选项配置对象详解
web全栈开发的博客
06-25 6042
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 1. Vue实例初始化的选项配置对象详解 前面我们已经用了很多次 new Vue({…})的代码，而且Vue初始化的选项都已经用了data、methods、el、comput...
Vue3.0的初始化
weixin_44867717的博客
09-06 8519
Vue3.0的初始化 官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 1、创建一个Vue3.0的项目 1、npm init vite-app vue3.0 2、cd vue3.0 3、npm install 4、npm run dev 此时，项目已经创建成功！！！！ 2、体验一下Vue3.0的新变化 1、setup() ——beforeCreate 、created 之前执行。 setup() 函数是 vue3 中，专门为组件提供的新属性。它为我们使用 vue3 的 Com
vite+vue3项目初始化搭建
NOfighting的博客
07-18 1318
在src/components文件夹目录下创建一个index.js文件：用于注册components文件夹内部全部全局组件！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。(正式提供给客户使用的环境。在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名！在style/variable.scss创建一个variable.scss文件！1.创建src/router/index.js文件，使用路由懒加载，优化访问性能。
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
10-15
在Vue.js开发过程中，经常会遇到页面初始化时由于数据还未加载完成而导致访问数据字段时出现`undefined`的错误。这个问题通常是由于Vue组件的生命周期导致的，因为Vue组件在数据请求完成前就已经进行了初次渲染。...
vue 子组件watch监听不到prop的解决
10-14
- 确保父组件的prop属性在数据加载前已经正确地初始化了默认值，以防在数据未返回时引用到undefined导致程序出错。 - 如果子组件的created生命周期钩子中依赖于prop的数据，需要考虑到数据可能未完全加载的情况，...
vue2.0 路由不显示router-view的解决方法
11-28
3. **创建路由器实例**：使用`new VueRouter({ routes })`初始化路由器，这里的`routes`参数应该是一个包含所有路由配置的数组。 4. **注入路由器**：在Vue实例中，用`router`选项注入路由器，这使得整个应用能够...
初始化创建Vue项目步骤
Tc、zyh的博客
06-10 8172
一、项目创建 1.安装 node和npm 1.首先安装node，因为都已经安装过node了，所以npm自带。 1.检查node版本 node -v 2.检查npm 版本 npm -v 2.国外的npm地址太慢，切换npm国内镜像 npm config set registry=https://registry.npm.taobao.org/ 3.查看地址是否成功可以通过npm config get registry npm config get registry 2.安装 vue-cli 脚手
Vue的生命周期和钩子函数（一）——数据初始化
秋水惊鸿的博客
01-19 4694
前言 了解Vue的生命周期和渲染原理，有助于我们深层次的理解钩子函数的作用和调用场景，同时理解当数据发生变化之后，Vue内部做了哪些事情来响应。如果有误，请及时评论，方便完善。码字不易，请尊重版权。本片文章是基于Vue2.X写的，Vue3.0可能对渲及响应做了优化，在此暂不做讨论。 Vue的创建过程 ...
Vue2电商前台项目（一）：项目前的初始化及搭建
weixin_42044763的博客
09-07 4752
文件夹：放置项目的依赖public文件夹：一般放置的是静态资源（图片），需要注意：放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中，不会当做一个模块打包到 JS 里面src文件夹​ —assets文件夹：一般放置的是静态资源（一般放置多个组件公用的的静态资源），需要注意：放置在assets文件夹里面的资源，webpack打包的时候，会把静态资源当做一个模块，打包到JS文件里面​ —components文件夹：一般放置的是非路由组件（全局组件）
腾讯IM SDK：TUIKit发送多张图片
最新发布
q1003675852的博客
10-09 338
本文记录腾讯IM SDK：TUIKit发送多张图片的实现方法
【Vue】a-radio-group单选框数字与字符串回显问题
叶为正的博客
10-08 256
根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。
前端基础面试题·第四篇——Vue（其二）
2301_76380626的博客
10-08 1038
路由跳转 接收参数 params传递参数可以用过页面路由对象route的params属性访问到。 2.query传参 query 传参是通过URL的查询字符串来传递参数，这种方式传递的参数是可选的。 这种方式不需要提前配置路由路径，直接在路由跳转时在路径或者配置中传递参数即可。 路由跳转 接收参数 这种方式传递的参数会挂载到页面路由对象route的query对象上。 2. hash和history路由区别 hash路由地址上在路径后面带#号，history路由地址上不带#号. 在
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值