57uv6Z6g55qE5Y2a5a6i

MS4wLjABAAAA5qMD8Gzdcgq7HXUOviKB59i0-ybJ59jJvNzyaPt5XOsVNqP6DU7WLcoAXvdxvYdp💗
本站所有文章仅作技术研究，请勿非法破坏，请遵守相关法律法规，后果自负

【笔记】Vue3的混入

发表于 2025-11-08 更新于 2025-12-19 分类于 Vue学习指北阅读次数：

前言

Vue3的混入学习笔记

OptionsAPI

定义混入

src/mixin/mixin.js

export default {
  data: function () {
    key: "value"
  }
}

局部混入

<script>
  import mixin from "@/mixin/mixin.js"
  
  export default {
    mixins: [mixin]
  }
</script>

全局混入

main.js

import { createApp } from "vue"
import App from "./App.vue"
import mixin from "@/mixin/mixin.js"

const app = createApp(App)
app.minin(mixin);
app.mount("#app");

完成

0%