记一次因为在html两个地方引入vue.js导致组件注入失败的问题

于 2024-07-29 16:34:11 发布
阅读量129 收藏
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WenZhengshi/article/details/140774523
版权

这个问题我遇到两次了，是在恼火，不对，三次了，我如果不做这个笔记，我确定我还会遇到第三次。

尾部这个去掉就行

因为头部有了

遇到这种bu g好恼火，解决了又怎么样呢？重蹈覆辙的滋味不好受

温正实
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue pc移动两个html,vue.js实现移动端和PC端切换，超详细
weixin_42297810的博客
06-10 1339
1.新建一个Vue项目，并成功运行vue init webpack mp-demo2.目录结构因为在同一个项目中，分了移动端和PC端，所以我们在入口，页面，路由等地方都要把移动端和PC端区别开来。3.修改配置文件先说说我们要修改哪几个文件以及这几个文件的作用，都在build文件夹下：utils.jsa> 计算资源文件存放路径b> 生成cssLoaders用于加载 .vue文件中的样式c...
vue.js引入css和js,vue.js引入外部CSS样式和外部JS文件的方法
weixin_42400074的博客
08-03 6742
vue.js引入外部CSS样式和外部JS文件的方法学习Vue.js动画时，需要引入一个animate.css，如何全局引入外部文件呢？一.引入外部CSS样式文件1. 在app.vue中下直接引入对应的路径使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到里面，而是发起新的请求获得样式资源，并且没有加scoped。@import "../st...
Vue.js(一) Vue.js + element-ui 扫盲
热门推荐
人不风流枉少年
12-09 5万+
一：node.js是什么 我们知道javascript代码只能在浏览器上运行，只有浏览器能够解析js代码，如果想要javascript代码能够在服务器端运行就必须提供一个Javascript的运行环境(runtime environment)，这就是node.js。 node.js是对Chrome V8引擎进行了封装，是一个能让JavaScript运行在服务端的开发平台，它让JavaScript成...
深入探索Vue.js组件与插件技术
聚焦于深度解析最新的编程语言特性、框架升级、架构设计、开发工具和最佳实践，涵盖Web前端（如Vue3, React, Angular等）、后端开发（如Node.js, Java, Python等）、移动端开发（iOS, Android原生及跨平台开发）
03-26 1万+
Vue.js 中定义组件的方式主要有两种：全局注册和局部注册。下面我将给出这两种注册方式的代码实例，并进行详细讲解。全局注册组件全局注册的组件在整个 Vue 应用程序中都可被引用。// MyComponent.vue (假设这是一个单文件组件)
深度解析Vue.js组件间的通信方式
天涯学馆
05-28 1023
事件通信用途：自定义事件允许组件间非标准的通信。特性：可以在任何组件之间触发和监听。适用于特定的交互或组件间的复杂通信。
Vue 各个资源包之间的区别（vue.common.dev.js、vue.runtime.esm.js 等等）
vv_bug
11-09 6620
问题描述 今天有童鞋在用 vue 项目写代码的时候，问我为啥会出现以下报错？ [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in <Root>
Vue中引入组件的步骤
My_wife_QBL的博客
07-08 697
在 Vue 中，组件是可复用的 Vue 实例，具有自己的模板、数据、方法和生命周期钩子。通过组件化，可以将复杂的用户界面拆分为多个独立的、可复用的部分，从而提高开发效率和代码质量。在 Vue 中引入组件的步骤包括全局注册、局部注册和使用单文件组件。通过组件化，可以将复杂的用户界面拆分为多个独立的、可复用的部分，提高开发效率和代码质量。合理使用组件通信、生命周期钩子、样式管理和插槽，可以实现更灵活和高效的组件开发。通过遵循最佳实践，可以编写出高质量的 Vue 组件，提升开发体验和项目可维护性。
vue全局引入多个组件
想好了再写！
04-08 2395
1.在utils文件夹下面创建一个cpm.js(路径名字自定义) // 1 - cpm.js import Vue from 'vue' // 引入vue // 处理首字母大写 dx => Dx function changeStr(str){ return str.charAt(0).toUpperCase() + str.slice(1) } /* require.context(arg1,arg2,arg3) arg1 - 读取文件的路径 arg
vue.config.js的详解
Litt_White的博客
01-19 7842
vue.config.js配置详情（超级详细）
Vue.js学习文档
06-12
- **组件化**：Vue.js 鼓励使用组件化的方式构建应用程序，每个组件都是一个自包含的单元，可以单独开发并复用。 #### 三、Vue.js 与其他框架的对比 - **与 AngularJS 对比**： - **学习成本**：AngularJS 引入了...
vue.js实现简单的计算器功能
10-15
Vue.js 是一款流行的轻量级前端框架，它简化了网页应用的开发流程，提供了数据绑定、组件化等特性。在本教程中，我们将探讨如何使用 Vue.js 实现一个简单的计算器功能。 首先，让我们分析给定的 HTML 结构。在这个...
12.（vue3.x+vite）组件间通信方式之$attrs与$listeners.rar
09-19
Vue.js 是一款非常流行的前端框架，特别是在其更新到 Vue 3.x 版本后，引入了许多新特性，提升了性能和开发体验。Vue 3.x 引入了一个名为 Vite 的新型构建工具，它大大简化了项目的搭建过程。在这个“12.（vue3.x+...
13.（vue3.x+vite）组件间通信方式之provide与inject.rar
09-19
在Vue.js框架中，组件间通信是开发过程中不可或缺的一部分，特别是在大型应用中。Vue3.x引入了一些改进，包括对通信机制的优化。本教程将详细讲解Vue3.x中使用`provide`和`inject`进行组件间通信的方法。这两个API...
浅谈Vue.use到底是什么鬼
10-15
这个方法接收两个参数：Vue构造函数和一个可选的选项对象，用于传递插件的配置。以下是`install`方法的基本结构： ```javascript MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue....
【SCI顶级】金豺算法GJO-CNN-LSTM-Multihead-Attention温度预测【含源码 5741期】.zip
最新发布
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
2023睿抗机器人开发者大赛.zip
07-30
毕业设计是高等教育阶段学生完成学业的一个重要环节，通常在学士或硕士学业即将结束时进行。这是学生将在整个学业中所学知识和技能应用到实际问题上的机会，旨在检验学生是否能够独立思考、解决问题，并展示其专业能力的一项综合性任务。 毕业设计的主要特点包括： 独立性： 毕业设计要求学生具备独立思考和解决问题的能力。学生需要选择一个合适的课题，研究相关文献，进行实地调查或实验，并提出独立见解。 实践性： 毕业设计是将理论知识应用到实际问题中的一次实践。通过完成毕业设计，学生能够将所学的专业知识转化为实际的解决方案，加深对专业领域的理解。 综合性： 毕业设计往往要求学生运用多个学科的知识，综合各种技能。这有助于培养学生的综合素养，提高他们的综合能力。 导师指导： 学生在毕业设计过程中通常由一名指导老师或导师团队提供指导和支持。导师负责引导学生确定研究方向、制定计划、提供建议，并在整个过程中监督进展。 学术规范： 毕业设计要求学生按照学术规范完成研究，包括文献综述、研究设计、数据采集与分析、结论和讨论等环节。学生需要撰写一篇完整的毕业论文，并进行答辩。
【JCR一区级】飞蛾扑火算法MFO-CNN-LSTM-Attention故障诊断分类预测【含源码 5668期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
SCI一区】蚁狮算法ALO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5651.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
vue.config.js 引入全局变量
04-22
您好，感谢您的提问。关于vue.config.js引入全局变量，可以通过在该文件中使用configureWebpack属性来进行配置。具体做法是在configureWebpack属性中添加一个新的插件ProvidePlugin，该插件会自动将定义的全局变量注入每个模块中，代码实现如下： module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] } } 以上代码为例，我们定义了两个全局变量$和jQuery，它们分别指向jquery库中的$和jQuery对象。这样，在整个vue应用中，无论是在组件中还是全局脚本中，都可以直接使用$和jQuery这两个变量，而不用再每次都手动引入jquery库。 希望能够解决您的问题，如果您还有其他问题，请随时向我提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值