针对Vue3不能直接使用全局Vue这件事

最新推荐文章于 2023-06-30 09:33:12 发布
最新推荐文章于 2023-06-30 09:33:12 发布
阅读量2.2k 收藏
点赞数
分类专栏： 前端学习记录 文章标签： css3 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Laok0413/article/details/123720185
版权

今天发现一个很离谱的事情

在我开始使用vue脚手架开始写程序之后
Import Vue form ‘vue’ 就不好使了
我一直以为是我的程序有问题

直到今天学到了插件plugin，我还是没办法在main.js里面引入

于是我就去查为什么最新版vue不能使用全局的Vue，这是因为我看的课程还是vue2的，但是脚手架下载的是最新版本的。。。

兜兜转转一圈之后，我还是找到了官方文档，找到了插件那一节。
我只能说，还是官网文档解决了问题。请添加图片描述
然后直接在main.js里面写上

app.use(plugins)即可。

所以为啥不看文档？

在这里插入图片描述

安和橋北
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
10-14
Vue CLI 3 和 2.x 使用相同的命令 `vue`，所以在全局安装 3.x 后，2.x 的版本会被覆盖。如果你需要使用 2.x 的 `vue init` 功能，可以安装一个桥接工具： ```bash npm install -g @vue/cli-init ``` 安装后，你...
vue3中使用tinyMCE
07-01
在Vue3中，TinyMCE的使用既可以直接与TinyMCE库结合，也可以通过Vue插件实现。无论是哪种方式，关键在于理解Vue3的Composition API和生命周期钩子，以及TinyMCE的配置和API，这样才能有效地集成和管理编辑器实例。...
vue3中没有全局的vue
qq_41916791的博客
06-12 359
Vue3项目注册全局组件时使用Vue时报错"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 解决方法：使用createApp
前端系列八：Vue3项目中定义全局方法遇到的问题
WebYanXin的博客
12-28 1168
步骤一： 在src文件夹下，自己定义一个文件夹，再建一个公共文件例如：api.ts,在里面定义 export default{ install: (app: any, options: any) => { 下面这段代码是在Vue3里定义公共方法的$api公共方法名 app.config.globalProperties.$api ="这后面就是要写定义的公共方法函数" } } 步骤二： 在main.ts文件里 引入定义的公共方法文件 例如引入前面的api.ts，引入后,在main...
【con】vue全局无法运行（前端bug日记1）
Lexie_con的博客
07-19 368
好久没碰前端，重装系统后装vue，全局无法运行，解决问题并处理两个支线。
Vue的main.js引入vue全局失效
qq_43267023的博客
08-11 1584
Vue的main.js引入vue全局失效
Vue3版本项目main.js变迁所带来问题：export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue’
weixin_46993410的博客
02-23 1469
由vue2到vue3变迁所造成;vue版本和element-ui版本不匹配;项目能启动，但是组件无法正常加载，在终端会弹出waning警告
vue-notification:使用Vue3的NotificationToast组件
03-28
@ dafcoe / vue-notification 使用Vue3构建的易于使用，可自定义的通知/吐司库。 在页面上查看操作。安装使用yarn或npm将软件包安装为项目依赖项： $ yarn add @dafcoe/vue-notification--- or ---$ npm install --...
vue3 封装一个全局通用弹窗提示组件（利用js调用 类似于element）
06-21
总结，封装Vue3的全局通用弹窗组件涉及Vue3的Composition API、Promise的使用、全局注册组件以及组件间的通信。通过这样的方式，我们可以创建一个高效、灵活的弹窗提示系统，方便在项目中广泛应用。在实际开发中，应...
vue全局使用axios的方法实例详解
10-17
主要介绍了vue全局使用axios的方法实例详解，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue------ vue全局安装时使用问题: 无法加载文件XXX,在此系统上禁止运行脚本
COCOLI_BK的博客
10-10 641
问题： vue : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参 阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + vue + ~~~ + Cate...
Vue3里的main.js报错
junhian的博客
06-21 578
最近在学Vue3,用vite脚手架创建了项目,发现main.js里面导入App模块竟然报错了。未定义 .vue文件类型导致ts无法解析类型,在env.d.ts文件声明就行了。
Vue CLI脚手架的安装（使用全局方式安装express报错）
m0_70365829的博客
05-15 453
Vue CLI脚手架的安装步骤（使用全局方式安装express报错，vue版本号无法正常输出）
全局安装@vue/cli 后使用vue无法加载！
qq_42581806的博客
09-17 1100
vue : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 http ://go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + vue -v + ~~~ + Categ...
巧妙给vue设置全局方法,无需重复导入
最新发布
秃头小吴
06-30 288
场景：项目中难免会遇到一些要处理的数据啥的，又不能遇到一个写一个，最好是能一键使用
在vue中注册通用的全局函数，不需要每次都用import引入
aliven1的博客
03-30 3583
1.新建一个模块文件，然后在main.js里面通过Vue.prototype将函数挂载到Vue实例上面，通过this.函数名，来运行函数。 2.写一个模块文件，挂载到main.js上面，将全局函数当做插件来进行注册： ...
Vue3定义全局变量/方法
最是人间留不住，朱颜辞镜花辞树。
11-16 3044
在vue2中，我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量，然后通过this.$xxx来获取全局变量。但是在vue3中，这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的，因此按照官方文档我们使用下面方法来定义全局变量：首先在main.js里写一个我们要定义的全局变量，比如一个系统id吧 现在在页面里需要使用这个变量，只需要从vue中引入getCurrentInstance即可，注意不能在页面中使用this. 这里 getCurre
Vue——vue3中集成第三方框架、Vue 3项目中的性能优化（难点、不可或缺的）
weixin_43551242的博客
09-14 770
vue3
vue 不能全局访问的处理办法
萝卜芹菜芽
02-28 1104
前提： 曾经移动过 npm 的根目录地址到其他盘(比如: D:/VueTest)，导致全局安装的 - Vue 只能在 D:/VueTest 下进行访问，全局访问失败 实现的原理就是： 将 npm 的根目录地址重新放回 node 的安装目录下 ：） (感觉都是自己zuo出来的，不过没解决办法时确实伤脑筋) 步骤： step 1: 找到默认的安装地址，查看该文件是否存在： C:\Program Fi
vue3 如何使用this使用全局注册
06-03
在 Vue3 中，使用 `this` 访问全局注册的组件、指令、过滤器或插件已经不再支持。在 Vue3 中，我们需要使用 `app.config.globalProperties` 来实现全局注册。 下面是一个简单的例子，演示了如何在 Vue3 中全局注册一个组件并在模板中使用： ```javascript import { createApp } from 'vue'; import MyComponent from './MyComponent.vue'; const app = createApp({}); // 全局注册组件 app.component('my-component', MyComponent); app.mount('#app'); ``` 在上面的代码中，我们先通过 `createApp` 创建了一个 Vue3 实例 `app`，然后在 `app` 上调用 `component` 方法来全局注册了一个名为 `my-component` 的组件，其对应的组件选项是 `MyComponent`。 接下来，在模板中我们就可以直接使用 `my-component` 标签来使用这个全局注册的组件了： ```html <template> <div> <my-component></my-component> </div> </template> ``` 需要注意的是，在使用 `app.config.globalProperties` 注册全局组件、指令、过滤器或插件时，需要在创建 `app` 实例之前进行注册。否则，在组件中使用它们时会出现未定义的错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值