Vue2.0混入mixin的简单用法-全局的用法

代码搬运工的小马

已于 2022-02-17 16:52:36 修改

阅读量1.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2022-02-17 16:52:22 首次发布

本文链接：https://blog.youkuaiyun.com/cider_m/article/details/122986855

本文介绍了Vue2.0中混入mixin的全局使用方法，包括如何注册全局混入以及其对之后创建Vue实例的影响。虽然不推荐在应用代码中频繁使用，但混入可用于为组件注入自定义行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参数：

{Object} mixin

全局用法：

全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。插件作者可以使用混入，向组件注入自定义的行为。

注：不推荐在应用代码中使用。

  <div id="app"></div>
    <!-- 
        data 和methods 的数据以组件里面的为主
        在哪里要用，就在哪里混入
        mixins：[]
    -->
    <script src="./todomvc-app-template-master/node_modules/vue/dist/vue.js"></script>
    <script>
        // 混入代码 （抽离公共代码）
        var myMixin = {
            data: {
                msg: "10000"
            },
            created() {
                console.log(888)
                // this.init();
            },
            // data 和methods 那么以组件里面为主。
            methods: {
                init() {
                    console.log(6666)
                }
            }