vue2 main中引入router后注册，页面空白,DOM树不加载

已于 2024-01-17 11:48:30 修改
阅读量355 收藏 7
点赞数 7
文章标签： javascript 前端 vue.js
于 2024-01-16 20:55:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51430102/article/details/135635023
版权
文章讲述了开发者在使用Vue2.7.16版本和vue-router3.6.5时遇到的问题，应用在App.vue中的data部分被注释后解决了，原来数据获取或写法导致了页面不加载，浪费了两天时间在调试。
摘要由CSDN通过智能技术生成

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

就是不加载，也不报错，啥也不干，vue都不生成

vue@2.7.16

vue-router@3.6.5

找到问题了，App.vue中data注释了就好了，data中有个获取时间的东西，或者data的写法有问题，tmd浪费我2天时间

CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC

zhuà!
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于 “vue-router” 组件未正确注册的问题
qq_44002943的博客
10-11 636
安装了vue-router但是在使用过程中报错 在这里作者犯了一个错误 导入的vue-router名称为VueRouter但是创建的并不是这个 改正后发现问题并未解决 依旧报错！！！！ 挂载的时候出现错误 将 改为 OJBK 解决 这里导入的是配置路由的js文件 默认导入名称为index的js文件所以这里可省略js文件名称 ...
Vue项目创建（2.x/3.x 自动/手动）及问题记录（路由注册不上）
07-30 2378
创建Vue项目方法，支持2.0和3.0，支持手动创建和自动创建 创建方式推荐及踩过的坑
Vue-router不生效的原因
YXh1412278770的博客
12-12 2003
要要注意的是，<router-view>必须放在需要跳转组件的前面。如果<router-view>在<home-page>的后面，跳转将不会生效。2.是否映入router-view。1.正确引入vue-router。
vue在main.js中引入三方插件不生效的原因
qq_41867900的博客
02-03 686
有的时候需要比较复杂的功能,但是自己实现比较复杂的话,可以引入第三方插件.如果这个第三方插件需要全局都使用的话,可以在main.js中进行引入. 比如router elementplus之类的., 否则这二者的引入会影响其余三方插件的正常使用。但是有的时候我们会发现明明我们。,这个产生的原因是因为。
vue3路由配置了，但是页面依旧空白
weixin_43287787的博客
04-24 1342
之前因为控制台报错，修改了main.js中的路由引入路径为。package.json的安装版本是4.1.6。
vue2vuerouter2webpack2框架
08-10
在Vue2、Vue-Router2和Webpack2的组合中，开发者可以利用Vue的组件化思想来构建UI，通过Vue-Router管理不同页面的切换和状态，同时借助Webpack进行代码的模块化管理和优化。这种组合为开发人员提供了一套完整的开发...
vue.js文件，在前端项目中引入vue框架
05-08
在前端项目中引入Vue框架，能够极大地提高开发效率，尤其适合构建单页面应用（SPA）。 首先，我们需要了解Vue的基本结构。Vue应用程序由组件系统构建，每个组件都是独立可复用的代码块。组件可以包含HTML、CSS和...
vue+树形表格拖放.zip
04-20
在本项目中，“vue+树形表格拖放.zip”提供了基于Vue.js的解决方案，用于实现树形表格元素的拖放功能。Vue.js是一个流行的前端JavaScript框架，它以其易学、可扩展性和高效的虚拟DOM更新机制而闻名。Vue-router是Vue...
VUE3.0脚手架搭建的最基本、简单的VUE前端工程项目，不包含router路由
01-21
本项目是一个基于 Vue 3.0 的基本脚手架工程，专为初学者设计，不包含复杂的 router 路由系统，适合学习 Vue 3 的基础概念和用法。 首先，Vue CLI 3 是一个官方提供的命令行工具，用于快速搭建 Vue 项目的结构。...
基于vue2+vue-router2+vuex+axios的天气预报小项目.zip
10-21
在天气预报项目中，可能有多个路由，如主页展示当前天气、城市选择页面、历史天气查询等，vue-router2会确保在导航时正确加载对应的组件。 **vuex**: Vuex是Vue的状态管理库，它提供了一个集中式的存储系统，用于...
8种vue中DOM不跟新的问题
weixin_67642008的博客
10-13 4480
8中Vue中DOM不跟新的情况和解决方案
Vue.use注册插件
weixin_39782183的博客
03-14 1279
在搞清楚如何用Vue.use注册插件之前，首先需要理清楚一个问题，就是插件和组件的区别。组件比较简单，比如弹框组件，轮播组件等。但是当一个组件被各个页面都可能用到，这时候如果每个页面还要依次去引用，这样就会显得十分累赘。所以，可以将这样的组件进行全局注册，然后各个页面直接可以使用，这就是插件。 插件的功能范围 插件通常用来为Vue添加全局功能。插件的功能范围没有严格的限制，一般有下面几种： ...
vue2 vue-router 不显示页面问题
热门推荐
LlanyW的专栏
10-30 1万+
最后发现是vue-router版本的问题,最新的版本是4.x.x ， 使用cnpm install vue-router -S， 时默认安装了最新。我的项目的问题是，版本不兼容，环境配置不对。在项目配置的时候，默认 npm 包导出的是运行时构建，即 runtime 版本，不支持编译 template 模板。vue 在初始化项目配置的时候，有两个运行环境配置的版本：Compiler 版本、Runtime 版本。首先去看了是否是vue-router引用的问题,排除掉引用问题之后,网上冲浪找了不少方法,
三、vue-router
sinat_24918465的博客
10-11 175
1. 介绍 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，在 IE9 中自动降级 自定...
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1023
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
博客前端项目学习day03——框架页
最新发布
qq_53237241的博客
07-19 259
【代码】博客前端项目学习day03——框架页。
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 1022
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
vue3前端开发-如何让自己的网站适合SEO排名规则
yrldjsbk的博客
07-17 179
我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
weixin_73582152的博客
07-15 817
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。
vue2 router引入
06-09
安装完成之后，在 main.js 中引入并注册 Vue Router： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter) const router = new VueRouter...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值