vue3 中 vue.prototype 的变化

最新推荐文章于 2023-12-01 16:45:17 发布
最新推荐文章于 2023-12-01 16:45:17 发布
阅读量4.3k 收藏 2
点赞数
分类专栏： vue3 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sanorintea/article/details/127730637
版权

直接上结论：vue3不建议使用prototype。
尤大：“config.globalProperties是用来复制Vue.prototype行为的逃生舱口。在setup函数中，只需导入所需内容或显式使用provide/inject向应用程序公开属性。”

1 如果是选项式API，官方文档中有app.config.globalProperties这个代替方案（https://cn.vuejs.org/api/application.html#app-config-globalproperties）。
2 如果是组合式API，直接用provide/inject

SanOrintea
关注
专栏目录
vue3中的Vue.prototype.xxx = xxx
我的博客
04-12 1576
vue3中的Vue.prototype.xxx = xxx。
main.js中Vue.prototype用于全局页面的变量
weixin_42260975的博客
05-27 2312
main.js中的Vue.prototype可用于全局页面的变量(store为例) uni-app项目，在main.js文件中使用Vue.prototype方法挂载一个可用于全局页面的变量 import Vue from 'vue' import App from './App' import store from './store' Vue.prototype.$store = store 通过这个方法，可以在其他页面直接进行使用： let TMSids = []; // 对TMSids变量进行一系列
vue3变化：prototype以及$on废弃的解决办法
qq_39179734的博客
10-13 7773
最近在教程里学习vue，实操中有一个功能需要在main里使用prototype定义全局属性，然后在子组件中发送到另外的组件遇到了问题。 vue3 中 prototype已经不在使用 换乘了config.globalProperties 而教程中vue2.是这样的 Vue.prototype.$bus = new Vue() 都知道vue3没有Vue了而是 {createApp} 并且 $on $off $once都已经废弃。这里有一个替换方法是使用mitt 使用方法： //首先初始化...
前端入门（五）Vue3组合式API特性
最新发布
芸兮的博客
12-01 1235
1、性能的提升：打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%……2、源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking3、拥抱TypeScript4、新的特性Composition API（组合API） （用前要引入）○ setup配置○ ref与reactive○ watch与watchEffect○ provide与inject○ …新的内置组件。
vue2.0_vue中Vue.use 和 Vue.prototype.xxx 的区别
QiuRenBB的博客
02-16 638
共同点：   Vue.use( ) 和 Vue.prototype.xxx 两种方式都可以引入插件，它们都是将 插件挂载到 Vue 的实例上，这样我们就可以在全局使用这个插件。 区别： 1、Vue.use   ①.不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式。   ②.Vue.use()的参数是{ object || Function }，如果参数是对象则必须提供 install 方法，如果参数是函数则将参数作为 install 方法，install 方法调用时会将 Vue 作为参
如何在Vue3中使用Vue.prototype
weixin_45392204的博客
08-25 9994
前端菜鸟最近在开发新的项目，准备用Vue3，遇到了一些问题，整理下 话不多说，直接上代码。 import{createApp}from"vue"; importAppfrom"./App.vue"; importrouterfrom"./router"; importstorefrom"./store"; importqsfrom"qs"; constapp=createApp(App); app.use(store); app.use(router...
Vue3像Vue2一样在prototype（原型）上挂载数据
小怪獸丶的糖的专栏
11-12 2288
【代码】Vue3像Vue2一样在prototype（原型）上挂载数据。
Vue3如何像在prototype（原型）上挂载数据
qq_68155756的博客
08-08 4286
1. 首先，由于Vue团队对原型链的封装和改进，Vue3无法像Vue2一样直接在原型上放置数据， 2. 在Vue原型上挂载数据的作用是为了所有组件都可以通过 this. 获取到挂载的这个数据， 如果Vue3想要达到同样的效果，即（所有组件都可以通过this.myName获取到张三），需要用到vue3的mixin方法： 这样，在其他组件使用this.myName的时候就可以获取到'张三'，达到与在Vue.prototype上挂载数据同样的作用
vue-cli3.x Vue.prototype挂载
wangmj518的专栏
04-04 605
使用vue-cli3.x 创建项目 之前vue-cli2创建项目后，如果自定义js插件，可以通过 import xxx from 'xxx' Vue.prototype.$xxx = xxx 将xxx挂载到Vue原型上，但到了cli3中，根据网上资料，现在 import Vue from 'vue' 并不能返回Vue对象，如果还是使用 Vue.prototype.$xxx = xxx挂载，那在子组件中也无法通过this.$xxx进行调用 cli3中现在是通过createApp创建Vue实例对.
Vue源码中要const _toStr = Object.prototype.toString的原因分析
10-17
主要介绍了Vue源码中要const _toStr = Object.prototype.toString的原因分析,在文中给大家提到了Object.prototype.toString方法的原理,需要的朋友可以参考下
vue 定义一个全局实例 Vue.prototype
北芒的博客
07-22 3437
定义 与 使用 定义：Vue.prototype.$appName = 'My App' 使用：this.$appName （任何地方） 介绍 ---------- 来自官方文档 使用场景：你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用 Vue.prototype.$appName = 'My App' 这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以。如果我们运行： n.
Vue中 Vue.prototype 详解及使用——作用：避免和已被定义的数据、方法、计算属性产生冲突
weixin_44867717的博客
07-03 8540
vue知识
vue 3.0 prototype 替代用法
热门推荐
block_xu的博客
12-14 2万+
在vue2.x中，我们想设置全局变量，可以在main文件中用prototype绑定vue实列，在vue3.0中，可以用app.config.globalProperties来代替prototype，具体用法如下 // main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import axios from 'a
Vue.prototype 全局变量
仗剑天涯，从摘要开始
02-03 1115
有两种都是在main.js声明 第一种 main.js 声明 1 2 3 4 5 6 7 8 9 10 Vue.config.productionTip =false // mount axios Vue.$http and this.$http Vue.use...
Vue3 globalProperties 的使用（代替 Vue.prototype.$xxx）
卡尔特斯
07-28 4131
代码】Vue3globalProperties的使用（代替Vue.prototype.$xxx）
【Vue组件详解（三）】
小田是个程序员的博客欢迎你的到来呀~
04-09 2347
本篇文章重点解读VueComponent原型对象和Vue的关系，以及组件实例对象和vm的关系。干货满满，结合原理图展开，欢迎各位小伙伴阅读！！
Vue基础7：Vue.prototype
u013089490的博客
11-06 1640
Vue中的全局变量是通过 Vue.prototype实现的  【例子】我们全局定义axios，定义如下： import axios from 'axios' Vue.prototype.$http = axios; 使用如下： this.$http.get("/item/category/bid/" + item.id) .then(resp => { ...
【Vue】一一一一prototype详解
XiaoCoder的博客
02-23 479
Vue.prototype详解地址
Vue.prototype 详解及使用
sslcsq的博客
04-23 7685
Vue.prototype 详解及使用
vue.use和vue.prototype
03-16
vue.use是Vue.js的插件安装方法，用于安装Vue....vue.prototype是Vue.js的原型属性，用于在Vue.js实例中添加自定义属性或方法。通过Vue.prototype方法，可以在Vue.js实例中添加自定义属性或方法，从而实现自定义功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值