1. 首先，由于Vue团队对原型链的封装和改进，Vue3无法像Vue2一样直接在原型上放置数据，
下面是Vue2的做法：
//Vue2的main.js:
import Vue from 'vue'
Vue.prototype.myName = '张三';
//通过在Vue.prototype上放了一个myName的属性，其他组件都可以使用this.myName获取到张三2. 在原型上挂载数据的作用是为了所有组件都可以通过 this. 获取到挂载的这个数据，
如果Vue3想要达到同样的效果，即（所有组件都可以通过this.myName获取到张三），需要用到vue3的mixin方法：
//Vue3的main.js
import { createApp } from 'vue'
import App from './App.vue'
//定义mixin
const myMixin = {
created() {
this.myName = '张三';
}
};
const app = createApp(App);
//使用mixin
app.mixin(myMixin);这样，在其他组件使用的时候就可以从app的实例获取到'张三'，达到与在Vue.prototype上挂载数据同样的作用
3. 任意组件中使用：
--组合式api文章来源：https://www.toymoban.com/news/detail-637188.html
//组合式api没有this，所以要用getCurrentInstance方法获取vue实例，上边挂载的数据就在实例中
<script setup>
import {getCurrentInstance} from "vue"
const v3This = getCurrentInstance()
console.log(v3This.ctx.myName);//张三
//挂载的数据被放在了getCurrentInstance函数返回结果的ctx上，
</script>--选项式api 文章来源地址https://www.toymoban.com/news/detail-637188.html
//因vue3会兼容vue2的代码，所以也可以用vue2的选项式api的获取方式，直接从this上获取
<script>
export default {
mounted(){
console.log(this.myName)//张三
}
}
</script>到了这里，关于Vue3如何像在prototype（原型）上挂载数据的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
